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