閱讀(31.9k) 書簽贊(5) 我要糾錯(cuò)

CSS content 屬性

2022-06-02 15:32 更新

實(shí)例

以下示例將在每個(gè)鏈接后的括號(hào)內(nèi)加上網(wǎng)址：

a:after
{
content: " (" attr(href) ")";
}

content 屬性與 :before 及 :after 偽元素配合使用，來插入生成內(nèi)容。

默認(rèn)值：	normal
繼承：	no
版本：	CSS2
JavaScript 語(yǔ)法：	object.style.content="url(beep.wav)"

所有主流瀏覽器都支持Content屬性。

注意： IE8只有指定!DOCTYPE才支持Content屬性。

值	說明
none	設(shè)置Content，如果指定成Nothing
normal	設(shè)置content，如果指定的話，正常，默認(rèn)是"none"（該是nothing）
counter	設(shè)定計(jì)數(shù)器內(nèi)容
attr(attribute)	設(shè)置Content作為選擇器的屬性之一。
string	設(shè)置Content到你指定的文本
open-quote	設(shè)置Content是開口引號(hào)
close-quote	設(shè)置Content是閉合引號(hào)
no-open-quote	如果指定，移除內(nèi)容的開始引號(hào)
no-close-quote	如果指定，移除內(nèi)容的閉合引號(hào)
url(url)	設(shè)置某種媒體（圖像，聲音，視頻等內(nèi)容）
inherit	指定的content屬性的值，應(yīng)該從父元素繼承