CSS內(nèi)容

目錄

• 1 include-source
• 2 quotes
• 3 content
• 4 counter-increment
• 5 counter-reset

include-source

語法：include-source : url ( url )
取值：
url ( url )  :　 使用絕對(duì)或相對(duì) url 地址指定插入文檔。假如該文檔不存在，當(dāng)前對(duì)象的內(nèi)容將被顯示

說明：
這個(gè)屬性插入另一個(gè)文檔到當(dāng)前文檔，取代當(dāng)前對(duì)象的內(nèi)容。插入文檔的樣式屬性從當(dāng)前對(duì)象繼承。
對(duì)應(yīng)的腳本特性為 includeSource 。
示例：
div { position: absolute; top: 100px; left: 300px; width: 200px; height: 200px; border: thin solid black;

quotes

語法：quotes : none | string
取值：
none  :　 默認(rèn)值。 content 屬性的 open-quote 和 close-quote 值將不會(huì)生成任何嵌套標(biāo)記
string  :　 用引號(hào)括起的嵌套標(biāo)記定義。兩個(gè)為一組。第一個(gè) string 定義前標(biāo)記（例："<"），第二個(gè) string 定義后標(biāo)記（例：">"）。組之間用空格格開。嵌套標(biāo)記的應(yīng)用深度按定義順序內(nèi)推

說明：
設(shè)置或檢索對(duì)象內(nèi)使用的嵌套標(biāo)記。
對(duì)應(yīng)的腳本特性為 quotes 。
示例：
blockquote[lang-=fr] { quotes: "\201C" "\201D" }
blockquote[lang-=en] { quotes: "\00AB" "\00BB" }
blockquote:before { content: open-quote }
blockquote:after { content: close-quote }

content

語法：
content : attr(alt) | counter(name) | counter(name , list-style-type) | counters(name , string) | counters(name , string , list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote | string | url(url)
取值：
attr(alt)  :　 使用對(duì)象的 alt 屬性的文字
counter(name)  :　 使用已命名的計(jì)數(shù)器
counter(name, list-style-type)  :　 使用已命名的計(jì)數(shù)器并遵從指定的 list-style-type 屬性
counters(name, string)  :　 使用所有已命名的計(jì)數(shù)器
counters(name, string, list-style-type)  :　 使用所有已命名的計(jì)數(shù)器并遵從指定的 list-style-type 屬性
no-close-quote  :　 并不插入 quotes 屬性的后標(biāo)記。但增加其嵌套級(jí)別
no-open-quote  :　 并不插入 quotes 屬性的前標(biāo)記。但減少其嵌套級(jí)別
close-quote  :　 插入 quotes 屬性的后標(biāo)記
open-quote  :　 插入 quotes 屬性的前標(biāo)記
string  :　 使用用引號(hào)括起的字符串
url(url)  :　 使用指定的絕對(duì)或相對(duì) url 地址

說明：
用來和 :after 及 :before 偽元素一起使用，在對(duì)象前或后顯示內(nèi)容。
對(duì)應(yīng)的腳本特性為 content 。
示例：
p:after { content: url("http:www.xxx.com"); text-decoration: none; }
p:before { content: url("beep.wav") }

counter-increment

語法：counter-increment : none | identifier number
取值：
none  :　 默認(rèn)值。阻止計(jì)數(shù)器增加
identifier number  :　 identifier 定義一個(gè)將被增加計(jì)數(shù)的選擇符(selector)，id，或者class。 number 定義增加的數(shù)值。可以為負(fù)值。默認(rèn)值是 1

說明：
設(shè)定當(dāng)一個(gè)選擇符(selector)發(fā)生時(shí)計(jì)數(shù)器增加的值。
對(duì)應(yīng)的腳本特性為 counterIncrement 。
示例：
p:before { content: "paragraph" counter(paragraph); counter-increment: paragraph; }

counter-reset

語法：counter-reset : none | identifier number
取值：
none  :　 默認(rèn)值。阻止計(jì)數(shù)器復(fù)位
identifier number  :　 identifier 定義一個(gè)將被復(fù)位的選擇符(selector)，id，或者class。 number 定義復(fù)位的數(shù)值?？梢詾樨?fù)值。默認(rèn)值是 0

說明： 將指定選擇符(selector)的計(jì)數(shù)器復(fù)位。
對(duì)應(yīng)的腳本特性為 counterReset 。
示例：
h1:before { counter-increment: main-heading; counter-reset: sub-heading; content: "Section " counter(main-heading) ":" }