contentプロパティ再入門

全2回

CSSからコンテンツを生成することが可能なcontentプロパティについて解説します。::before疑似要素、::after疑似要素だけでなく、さまざまなプロパティを見てみましょう。

後編 文字列や画像以外の指定

contentプロパティに指定できる値は文字列と画像だけではなく、さまざまな値を指定できます。今回は、attr()、引用記号、カウンター、::marker疑似要素を紹介します。

前編 文字列や画像の挿入とフォールバック機能

CSSからコンテンツを生成することができるcontentプロパティについて解説します。文字列を指定して使われることが多いプロパティですが、画像を直接指定することも可能です。