後編 CSS Gridや画像URLの属性指定への応用
CSSのattr()関数の機能拡張により、任意のCSSプロパティで使用できるようになりました。後編では、CSS Gridの列幅の制御や画像のURL指定など、実践的な応用例を紹介します。
前編 CSSのattr()関数の基本
従来は疑似要素のcontentプロパティでのみ使用できたCSSのattr()関数の仕様が大きく変更され、任意のCSSプロパティで使用できるようになりました。まずは基本的なところを見ていきます。
CSSのattr()関数の機能拡張により、任意のCSSプロパティで使用できるようになりました。後編では、CSS Gridの列幅の制御や画像のURL指定など、実践的な応用例を紹介します。
従来は疑似要素のcontentプロパティでのみ使用できたCSSのattr()関数の仕様が大きく変更され、任意のCSSプロパティで使用できるようになりました。まずは基本的なところを見ていきます。