CSS attr() 函数

定义和用法

CSS 的 attr() 函数返回所选元素的属性值。

实例

下例在每个 <a> 元素后插入 href 属性的值,并用括号括起来:

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

亲自试一试

CSS 语法

attr(attribute-name type fallback)
描述
attribute-name 必需。HTML 元素的属性名称。
type

可选。属性值的类型或单位。可以是以下之一:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em、ex、px、rem、vw、vh、vmin、vmax、mm、cm、in、pt 或 pc
  • deg、grad、rad
  • time
  • s、ms
  • Hz、kHz
  • %
  • frequency
fallback 可选。如果属性缺失或包含无效值时的备用值。

技术细节

版本: CSS2

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type
不支持 不支持 不支持 不支持 不支持
fallback
不支持 不支持 119 不支持 不支持