content
CSS content Property
The CSS content property is used to generate content to the document when using CSS selectors that are geared to generate or replace content in the document. ::before and ::after are two such selectors. Specify a single value or a space separated list of values to be generated.
counter(name,style) ━ counter(name,string) ━ counter(name,string,style)
inherit ━ no-close-quote ━ no-open-quote ━ normal ━ open-quote
CSS CODE EXAMPLE
<!DOCTYPE html>
<style type="text/css">
.myClass::before {
content: url(smallGradCap.png) " My ";
}
.myClass::after {
content: "'s " attr(title) " section";
}
</style>
<h3 class="myClass" title="cool">content</h3>
<h3 class="myClass" title="sweet">content</h3>
<h3 class="myClass" title="lucious">content</h3>
<style type="text/css">
.myClass::before {
content: url(smallGradCap.png) " My ";
}
.myClass::after {
content: "'s " attr(title) " section";
}
</style>
<h3 class="myClass" title="cool">content</h3>
<h3 class="myClass" title="sweet">content</h3>
<h3 class="myClass" title="lucious">content</h3>
content
content
content
Possible Values:
"string" ━ url(X) ━ attr(X) ━ close-quote ━ counter(name)counter(name,style) ━ counter(name,string) ━ counter(name,string,style)
inherit ━ no-close-quote ━ no-open-quote ━ normal ━ open-quote
0 Response to "content"
Post a Comment