Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

attr() (content only)

メモ: attr() 関数はどの CSS プロパティでも使用することができますが、 content 以外のプロパティでの対応は実験的です。

attr() は CSS の関数で、選択した要素の属性の値を取得し、それをプロパティ値で使用するために使用されます。これは、 var() 関数が独自のプロパティ値を置き換える方法と似ています。擬似要素で使用することもでき、その場合は擬似要素を作る元になった要素の属性値が返されます。

擬似要素属性値表示

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`attr`	2	12	1	3.1	18	2

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

a[href]::after {
  content: ' (' attr(href) ')';
}
[data-tooltip]::before {
  content: attr(data-tooltip);
}

CSS linkURLdisplay demo.

CSS tooltip demo.

CSS Dataattributelabel demo.