> CSS content 属性

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 属性

参考手册

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。 当使用本站时,代表您已接受了本站的使用条款和隐私条款。版权所有,保留一切权利。 鲁ICP备15022115号