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

2023-03-18 11:31

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”来定义该元素相对于左上角的竖直方向上的距离。

Style 对象参考手册 Style 对象

改变 counterIncrement 属性：

document.getElementById("myH1").style.counterIncrement = "subsection";

counterIncrement 属性增加一个或多个计数器的值。

counterIncrement 属性通常与 counterReset 属性和 content 属性一起使用。

所有主流浏览器都支持 counterIncrement 属性。

注意：只有当指定了一个 !DOCTYPE 时，IE8 才支持 counterIncrement 属性。

返回 counterIncrement 属性：

object.style.counterIncrement

设置 counterIncrement 属性：

object.style.counterIncrement="none|id|initial|inherit"

值	描述
none	默认值。没有计数器会被增加。
id number	id 定义了哪一个计数器应被增加。number 设置了计数器在选择器每出现一次应增加多少。默认增加值是 1。允许 0 或负值。如果 id 所指向的计数器未被 counter-reset 初始化，则默认初始值是 0。
initial	设置该属性为它的默认值。请参阅 initial。
inherit	从父元素继承该属性。请参阅 inherit。

默认值：	none
返回值：	字符串，表示元素的 counter-increment 属性。
CSS 版本	CSS2

Style 对象参考手册 Style 对象

阅读全文