How to use the counter-increment attribute in css

This article mainly introduces how to use the counter-increment attribute in css. It is very detailed and has a certain reference value. Friends who are interested must finish it!

Description

With this property, the counter can increment (or decrement) a value, which can be positive or negative. If no number value is provided, the default is 1.

Note: if you use "display:none", you cannot increase the count. If you use "visibility:hidden", you can increase the count.

Value description

None

Default. Selector has no counter increment.

Idnumber

Id defines the selector, id, or class that will increment the count.

Number defines increments. Number can be positive, zero, or negative.

Inherit

Specifies that the value of the counter-increment attribute should be inherited from the parent element.

Case study

Method of numbering parts and subsections (such as "Section1", "1.1"," 1.2"):

Body {counter-reset:section;}

H2 {counter-reset:subsection;}

H2:before

{

Counter-increment:section

Content: "Section" counter (section) ".

}

H3:before

{

Counter-increment:subsection

Content:counter (section) "." counter (subsection)"

}

Note: if! DOCTYPE is specified, InternetExplorer8 (and later) supports the counter-increment attribute.

HTMLtutorials

HTMLTutorial

XHTMLTutorial

CSSTutorial

Scriptingtutorials

JavaScript

VBScript

XMLtutorials

XML

XSL

The above is all the content of the article "how to use the counter-increment attribute in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!