content · CSS基礎

## content 屬性 ### 屬性定義及使用說明 ontent 屬性與 :before 及 :after 偽元素配合使用，來插入生成內容。 JavaScript 語法：object.style.content="url(beep.wav)" * * * ## 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屬性的值，應該從父元素繼承 | * * * ## 實例--在每個鏈接后的括號內加上網址： ``` <!DOCTYPE html> <html> <head> <style> a:after {content: " (" attr(href) ")";} </style> </head> <body> <p><a href="http://www.w3cschool.cn">w3cschool</a> contains free tutorials and references.</p> <p><b>Note:</b> IE8 supports the content property only if a !DOCTYPE is specified.</p> </body> </html> ```