CSSattr（）関数

attr（）は、プロパティの値を返すCSS関数です。 つまり、任意のカスタムプロパティを使用してhtmlマークアップにコンテンツを定義し、attr（）を使用して値をフェッチできます。 現時点ではコンテンツプロパティでのみ機能しますが、他のプロパティのサポートは現在実験段階です。

例は説明に役立つはずです。 まず、HTMLマークアップ：

<span data-tooltip="Cascading Style Sheets">CSS</span>

そして今CSS：

[data-tooltip]::before {
  content: attr(data-tooltip);
}

これにより、純粋なCSSでカスタムツールチップを作成できます。

ブラウザのサポート

👉ブラウザ情報は、コンテンツ以外のプロパティ用です。 attr（）は、コンテンツのすべてのブラウザーで機能します。

css3-attrを使用できますか？ caniuse.comの主要なブラウザーでのcss3-attr機能のサポートに関するデータ。