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;

属性值

技术细节

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。