全プロパティの CSS3 attr() 関数

- 暫定

attr()content プロパティのほぼすべてのブラウザでサポートされている一方、CSS Values and Units Level 5 では、任意の CSS プロパティで attr() を使用し、非文字列の値(例: 数値、色)で使用できるようになります。

Chrome

  1. 4 - 123 : サポートされていません
  2. 124 : サポートされていません
  3. 125 - 127 : サポートされていません

Edge

  1. 12 - 123 : サポートされていません
  2. 124 : サポートされていません

Safari

  1. 3.1 - 17.3 : サポートされていません
  2. 17.4 : サポートされていません
  3. 17.5 - TP : サポートされていません

Firefox

  1. 2 - 124 : サポートされていません
  2. 125 : サポートされていません
  3. 126 - 128 : サポートされていません

Opera

  1. 9 - 108 : サポートされていません
  2. 109 : サポートされていません

IE

  1. 5.5 - 10 : サポートされていません
  2. 11 : サポートされていません

Chrome for Android

  1. 124 : サポートされていません

Safari on iOS

  1. 3.2 - 17.3 : サポートされていません
  2. 17.4 : サポートされていません
  3. 17.5 : サポートされていません

Samsung Internet

  1. 4 - 23 : サポートされていません
  2. 24 : サポートされていません

Opera Mini

  1. all : サポートされていません

Opera Mobile

  1. 10 - 12.1 : サポートされていません
  2. 80 : サポートされていません

UC Browser for Android

  1. 15.5 : サポートされていません

Android Browser

  1. 2.1 - 4.4.4 : サポートされていません
  2. 124 : サポートされていません

Firefox for Android

  1. 125 : サポートされていません

QQ Browser

  1. 14.9 : サポートされていません

Baidu Browser

  1. 13.52 : サポートされていません

KaiOS Browser

  1. 2.5 : サポートされていません
  2. 3 : サポートされていません

content プロパティの attr() のサポートについては、生成されるコンテンツ テーブルを参照してください。

リソース
Chromium の問題 #246571: CSS3属性/attr 参照の実装
WebKit のバグ #26609: CSS3 attr() 関数をサポート
Mozilla のバグ #435426: `attr()` に css3-values の拡張機能を実装
MDN Web Docs - CSS attr