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 伪元素
CSS 参考手册：CSS :after 伪元素
HTML DOM 参考手册：content 属性