CSS attr() 函数
定义和用法
CSS 的 attr() 函数返回所选元素的属性值。
实例
下例在每个 <a> 元素后插入 href 属性的值,并用括号括起来:
a:after {
content: " (" attr(href) ")";
}
CSS 语法
attr(attribute-name type fallback)
| 值 | 描述 |
|---|---|
| attribute-name | 必需。HTML 元素的属性名称。 |
| type |
可选。属性值的类型或单位。可以是以下之一:
|
| fallback | 可选。如果属性缺失或包含无效值时的备用值。 |
技术细节
| 版本: | CSS2 |
|---|
浏览器支持
表格中的数字表示首个完全支持该函数的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| attr() | ||||
| 2 | 8 | 1 | 3.1 | 9 |
| type 值 | ||||
| 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |
| fallback 值 | ||||
| 不支持 | 不支持 | 119 | 不支持 | 不支持 |