Skip to content
TeaCSS documentation

Contents

Generated content, counters, and quotes. TeaCSS Standard reference.

This is the Standard reference for contents. The vocabulary comes from the teacss-ts Storybook at revision 9de266d for package version 0.10.11. Each value list gives finite examples and named values for its prefixes. A bracket or variable example demonstrates that open form for the same prefix; the listed arbitrary literals are samples, not every accepted literal. Check the Storybook token reference for more examples, and do not infer support from a different prefix.

content

Interactive example. Prefixes: content. Example: content:normal. It emits content:normal;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (9)

normal, none, open-quote, close-quote, no-open-quote, no-close-quote, empty, [attr(data-label)], $content

quotes

Interactive example. Prefixes: quotes. Example: quotes:none. It emits quotes:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (3)

none, auto, $q

string-set

Interactive example. Prefixes: string-set. Example: string-set:none. It emits string-set:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, [heading_content(text)], [chapter_'_'counter(chapter)], $strings

list-style-type

Interactive example. Prefixes: list-style-type. Example: list-style-type:none. It emits list-style-type:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (17)

none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha, [katakana], $listStyleType

list-style-position

Interactive example. Prefixes: list-style-position. Example: list-style-position:inside. It emits list-style-position:inside;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

inside, outside, [inside], $listStylePosition

list-style-image

Interactive example. Prefixes: list-style-image. Example: list-style-image:none. It emits list-style-image:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (3)

none, [url(checkmark.png)], $markerImage

marker-side

Interactive example. Prefixes: marker-side. Example: marker-side:match-self. It emits marker-side:match-self;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

match-self, match-parent, [match-parent], $markerSide

counter-increment

Interactive example. Prefixes: counter-increment. Example: counter-increment:none. It emits counter-increment:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_2], $counterIncrement

counter-reset

Interactive example. Prefixes: counter-reset. Example: counter-reset:none. It emits counter-reset:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_4], $counterReset

counter-set

Interactive example. Prefixes: counter-set. Example: counter-set:none. It emits counter-set:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.

Documented values (4)

none, section, [section_9], $counterSet