CSS content 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS content 属性

CSS 参考手册

## 实例

下面的例子在每个链接后插入括号中的 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 属性

CSS 参考手册