content
content プロパティは ::before, ::after 擬似要素の内容を指定するために使用します。
プロパティの詳細
- 値
- normal, none, 任意の文字列, URL, attr(属性名)
- 初期値
- normal
- 対象
- ::before, ::after 擬似要素
- 継承
- しない
- CSS レベル
- CSS 2
値の詳細
- normal
- ::before, :: after 要素では none として計算
- none
- 擬似要素を生成しない
- 文字列
- 指定されたテキストを表示する
- URL
- 画像 URL を指定すると画像が表示される
- attr(属性名)
- 対象要素の属性の値を出力
サンプル
HTML
<p><a href="https://webmas.jp/">ホームページ</a>へ移動する</p>CSS
p::before {
content: "リンク：";
}
a::after {
content: "（" attr(href) "）";
}