CSS attr() 函數

定義和用法

CSS 的 attr() 函數返回所選元素的屬性值。

下例在每個 <a> 元素后插入 href 屬性的值，并用括號括起來：

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

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	可選。如果屬性缺失或包含無效值時的備用值。

值

描述

attribute-name

必需。HTML 元素的屬性名稱。

type

可選。屬性值的類型或單位。可以是以下之一：

fallback

可選。如果屬性缺失或包含無效值時的備用值。

版本：	CSS2

表格中的數字表示首個完全支持該函數的瀏覽器版本。

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