htmlstyle属性的用法 HTML DOM Style borderRight 属性

2023-07-05 09:30

htmlstyle属性的用法

htmlstyle属性是一种用于在HTML文档中定义样式的属性。它可以用来指定元素的颜色、字体、大小、位置等样式。htmlstyle属性可以应用于所有HTML元素，包括表格、表单、图片、文本框等。

<div style="background-color: #FF0000; font-size: 12px;"> 
    这是一个div元素，背景色为红色，字体大小为12px 
</div>

上面的代码使用htmlstyle属性来定义div元素的背景色和字体大小。在这里，我们使用“background-color”来定义背景色，使用“font-size”来定义字体大小。

此外，htmlstyle属性还可以用于定义元素的位置（如left、right、top和bottom）、内外边距（如margin和padding）以及其他样式。例如：

 
<div style="position: absolute; left: 10px; top: 20px;"> 
    这是一个div元素，相对于左上角的位置为10px,20px 
</div>

上面的代码使用htmlstyle属性来定义div元素的位置。在这里，我们使用“position”来定义该元素的相对位置；使用“left”来定义该元素相对于左上角的水平方向上的距离；使用“top”来定义该元素相对于左上角的竖直方向上的距离。

HTML DOM Style borderRight 属性

Style borderRight 属性

Style 对象

定义和用法

borderRight 属性以速记形式设置或返回三个独立的右边框属性。

通过该属性，您可以设置/返回：

border-right-width
border-right-style
border-right-color

语法

设置 borderRight 属性：

Object.style.borderRight="width style color"

返回 borderRight 属性：

Object.style.borderRight

提示：borderRight 属性没有默认值。

参数	描述
width	设置右边框的宽度。
style	设置右边框的样式。
color	设置右边框的颜色。

浏览器支持

所有主要浏览器都支持 borderRight 属性。

实例

更改右边框的宽度、样式和颜色：

<html>
<head>
<style type="text/css">
#ex1
{
border: thin dotted #FF0000;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.borderRight="thick solid #0000FF";
}
</script>
</head>
<body>

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change right border</button>

</body>
</html>

Style 对象

阅读全文