Latest web development tutorials

CSS content 屬性

實例

以下示例將在每個鏈接後的括號內加上網址：

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

嘗試一下»

屬性定義及使用說明

ontent 屬性與:before 及:after 偽元素配合使用，來插入生成內容。

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

Content屬性值

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

相關文章

CSS參考手冊: :before偽元素

CSS參考手冊: :after偽元素