CSS content 屬性
屬性定義及使用說明
content 屬性與 :before 及 :after 偽元素配合使用,來插入生成內容。
默認值: | normal |
---|---|
繼承: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.content="url(beep.wav)" |
瀏覽器支持
所有主流瀏覽器都支持Content屬性。
注意: IE8只有指定!DOCTYPE才支持Content屬性。
Content屬性值
值 | 說明 |
---|---|
none | 設置Content,如果指定成Nothing |
normal | 設置content,如果指定的話,正常,默認是"none"(該是nothing) |
counter | 設定計數(shù)器內容 |
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 偽元素
更多建議: