CSS content属性

• 

  定义和用法

  content属性通常与content::before和::after伪元素一起使用，以插入生成的内容。

  特征	说明
  默认值	normal
  继承	没有
  动画	没有CSS动画参考
  CSS版本	CSS2
  JavaScript语法	您不能使用JavaScript为元素提供伪类，但还有其他方法可以获得相同的结果：尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	Internet Explorer	Chrome	FireFox	Safari	Opera
  属性名称
  content	8.0	1.0	1.0	1.0	4.0

• 

  CSS语法

  content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
• 

  实例

  以下示例在每个<a>元素后面的括号中插入href属性的值：

  a::after {
    content: " (" attr(href) ")";
  }

  尝试一下
• 

  属性值

  属性值	描述
  normal	默认值。 将内容（如果已指定）设置为normal，默认为“none”（没有任何内容）
  none	将内容（如果已指定）设置为空
  counter	将内容设置为计数器
  attr(attribute)	将内容设置为选择器属性之一
  string	将内容设置为您指定的文本
  open-quote	将内容设置为开头报价
  close-quote	将内容设置为结束报价
  no-open-quote	如果指定，则从内容中删除开头引用
  no-close-quote	如果指定，则从内容中删除结束引用
  url(url)	将内容设置为某种媒体（图像，声音，视频等）
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS伪元素