CSS content 屬性

定義和用法

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

說明

該屬性用于定義元素之前或之后放置的生成內容。默認地，這往往是行內內容，不過該內容創建的框類型可以用屬性 display 控制。

另請參閱：

CSS 參考手冊：CSS :before 偽元素

CSS 參考手冊：CSS :after 偽元素

HTML DOM 參考手冊：content 屬性

實例

下面的例子在每個鏈接后插入括號中的 URL：

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

親自試一試

CSS 語法

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

屬性值

值 描述
none  
normal  
content specifications  
inherit 規定應該從父元素繼承 content 屬性的值。

技術細節

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

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0