content

The content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements.

Initial value normal
Applies to All elements, tree-abiding pseudo-elements, and page margin boxes

Syntax

  
content: counter(section_counter);
  

Values

The pseudo-element is not generated.
Computes to none for the ::before and ::after pseudo-elements.
Specifies the "alt text" for the element. This value can be any number of text characters. Non-Latin characters must be encoded using their Unicode escape sequences: for example, \000A9 represents the copyright symbol.
An , denoted by the () or data type, or part of the webpage, defined by the element() function, denoting the content to display.
The value of a CSS counter, generally a number produced by computations defined by and properties. It can be displayed using either the counter() or counters() function.
The counter() function has two forms: 'counter(name)' or 'counter(name, style)'. The generated text is the value of the innermost counter of the given name in scope at the given pseudo-element. It is formatted in the specified (decimal by default). The counters() function also has two forms: 'counters(name, string)' or 'counters(name, string, style)'. The generated text is the value of all counters with the given name in scope at the given pseudo-element, from outermost to innermost, separated by the specified string. The counters are rendered in the indicated (decimal by default).
The value of the element's attribute x as a string. If there is no attribute x, an empty string is returned. The case-sensitivity of attribute names depends on the document language.
These values are replaced by the appropriate string from the quotes property.

Browser support

contentchrome1edge12firefox1ie8opera4safari1
alt_textchrome77edge79firefoxieopera64safari
element_replacementchrome28edge79firefox63ieopera7safari9
urlchrome1edge12firefox1ie8opera7safari1

We use cookies to improve your experience. Learn more in our Privacy policy.

×