content

The content CSS property replaces content with a generated value. It can be used to define what is rendered inside an element or pseudo-element. For elements, the content property specifies whether the element renders normally (normal or none) or is replaced with an image (and associated “alt” text). For pseudo-elements and margin boxes, content defines the content as images, text, both, or none, which determines whether the element renders at all.

Objects inserted using the content property are anonymous replaced elements.

Values: One of two keywords: none or normal. normal is the default property value. <content-replacement> when replacing a DOM node. <content-replacement> is always an <image>. A <content-list> when replacing pseudo-elements and margin boxes. A <content-list> is a list of one or more anonymous inline boxes appearing in the order specified. Each <content-list> item is of type <string>, <image>, <counter>, <quote>, <target>, or <leader()>. An optional alternative text value that can include <string>, <counter>, or attr() function values, preceded by a slash (/).

Syntax example: content: normal;