CSS3/CSS2 函数取值attr()

说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

说明：

插入元素的属性值。
  • 在CSS2.1中attr()总是返回一个字符串。在CSS3中attr()可以返回多种不同的类型。
  • 写本文档时尚无浏览器支持该CSS3定义的attr()。
  • 在CSS2.1中可以这样使用：

    示例代码：

    div:after{content:attr(title);}
  • 在CSS3中甚至可以这样：

    示例代码：

    div{width:attr(width, px, auto);}

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-7 4 5.1.7 13 11.5
版本 8

示例：