Generated ContentAutomatic Numbering Properties

Generated Content/Automatic Numbering Properties

CSS2 introduces properties and values that enable authors to render content automatically (for example, numbered lists can be generated automatically). Authors specify style and location of generated content with :before and :after pseudo-elements that indicate the page elements before and after which content is generated automatically.

content

Usage	Used with :before and :after pseudo-elements to generate content in a document.
CSS2 Values	<string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote | inherit
Initial	empty string
Applies to	:before and :after pseudo-elements.
Inherited	All.

counter-increment

Usage	Accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer indicates the amount of increment for every occurrence of the element.
CSS2 Values	<identifier> | <integer> | none | inherit
Initial	none
Applies to	All elements.
Inherited	No.

counter-reset

Usage	Contains a list of one or more names of counters. The integer gives the value that the counter is set to on each occurrence of the element.
CSS2 Values	<identifier> | <integer> | none | inherit
Initial	none
Applies to	All elements.
Inherited	No.

marker-offset

Usage	Specifies the distance between the nearest border edges of a marker box and its associated principal box.
CSS2 Values	<length> | auto | inherit
Initial	auto
Applies to	Elements with display property set to marker.
Inherited	No.

quotes

Usage	Specifies quotation marks for embedded quotations.
CSS2 Values	<string> | <string>+ | none | inherit
Initial	Depends on browser.
Applies to	All elements.
Inherited	Yes.