CSS content 屬性
定義和用法
content 屬性與 :befor 及 :after 偽元素配合使用,來插入生成內容。
說明
該屬性用于定義元素之前或之后放置的生成內容。默認地,這往往是行內內容,不過該內容創(chuàng)建的框類型可以用屬性 display 控制。
默認值: | normal |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.content="url(beep.wav)" |
實例
下面的例子在每個鏈接后插入括號中的 URL:
a:after { content: " (" attr(href) ")";
}
TIY
瀏覽器支持
所有瀏覽器都支持 content 屬性。
注釋:如果已規(guī)定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 content 屬性。
可能的值
值 | 描述 |
---|---|
none | |
normal | |
content specifications | |
inherit | 規(guī)定應該從父元素繼承 content 屬性的值。 |
相關頁面
CSS 參考手冊:CSS :before 偽元素
CSS 參考手冊:CSS :after 偽元素
HTML DOM 參考手冊:content 屬性