The content property controls what is rendered in an element or pseudo-element. On ::before/::after controls everything; on regular elements enables image replacement. Syntax: normal | none | [ <image> | <content-list> ] [/ alt-text]?..note::before {
content: "Note: ";
}.icon::before {
content: url(star.svg) / "favorite";
}normalThe default value. On elements → contents; on ::before/::after → none.noneOn elements behaves as normal; on pseudo-elements inhibits creation.url()Image by URL (replaces element).attr()HTML attribute value.counter()Current counter value.counters()All nested counter values.string()Value of a named string (from string-set).linear-gradient()Linear color gradient.CSS Generated Content Module Level 3Editor's DraftW3CMDN HTML JavaScriptCSS PHP Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
