w3-notes logo

cocochido

HTML/CSSリファレンス

contentプロパティ

inheritance
継承不可
animation type
離散的な(50%の位置で入れ替わる)アニメーション。

説明

指定の値から得られたコンテンツを要素に挿入する。置換要素(::after疑似要素、::before疑似要素、::marker疑似要素)と組み合わせて使います。
関連項目

使用例

出力結果
出力結果

構文
syntax help

content: normal | none | [ <content-replacement> | <content-list> ] [/ <string> ]?
詳細

<content-replacement> = <image>

<content-list> = [ <string> | contents | <image> | <quote> | <target> | <leader()> ]+

normal
[規定値] ::before疑似要素、::after疑似要素に対してはnoneと同様にコンテンツの挿入はしません。
none
コンテンツの挿入はしません。

ブラウザ対応状況

IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
8
12
1
1
1
4
1
18
4
11
81
76
81
13.1
68
13.4
81
68
content: url
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
8
12
1
1
1
7
1
18
4
11
81
76
81
13.1
68
13.4
81
68
content: alt: text
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
79
77
64
77
11
81
76
81
13.1
68
13.4
81
68
content: element: replacement
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
79
63
28
9
7
9
28
63
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.