content で使える特殊文字コード CSS

投稿：2017年11月01日｜更新：2018年07月11日

content プロパティの値にコードを入れて、特殊文字を表示することができます。
コードは16進数に書き換えて contentの値には、数字が16進数コードを使用して下さい。

スポンサードリンク

表示	文字実体参照	10進	16進
«	«	«	\0ab
»	»	»	\0bb
<	<	<	\03c
>	>	>	\03e
∧	&and;	∧	\02227
∨	&or;	∨	\02228
Ξ	Ξ	Ξ	\039e
×	×	×	\0d7
←	←	←	\02190
↑	↑	↑	\02191
→	→	→	\02192
↓	↓	↓	\02193
¥	¥	¥	\0a5
©	©	©	\0a9
®	®	®	\0ae
▲		▲	\025b2
▼		▼	\025bc
▶		▶	\025b6
◀		◀	\025c0
△		△	\025b3
▽		▽	\025bd
▷		▷	\025b7
◁		◁	\025c1
■		■	\025a0
□		□	\025a1
◆		◆	\025c6
◇		◇	\025c7
○		○	\025cb
◎		◎	\025ce
●		●	\025cf
•	•	•	\02022
❇		❇	\02747
❈		❈	\02748
❉		❉	\02749
❊		❊	\0274a
❋		❋	\0274b
♠	&spades;	♠	\02660
♣	&clubs;	♣	\02663
♥	&hearts;	♥	\02665
♦	&diams;	♦	\02666
♤		♤	\02664
♧		♧	\02667
♡		♡	\02661
♢		♢	\02662
♨		♨	\02668
℃		℃	\02103
ℓ		ℓ	\02113
∴	&there4;	∴	\02234
∵		∵	\02235
¤	¤	¤	\0A4
&	&	&	\026
〒		〒	\03012
①		①	\02460
②		②	\02461
③		③	\02462
④		④	\02463
⑤		⑤	\02464
⑥		⑥	\02465
⑦		⑦	\02466
⑧		⑧	\02467
⑨		⑨	\02468
⑩		⑩	\02469
Ⅰ		Ⅰ	\02160
Ⅱ		Ⅱ	\02161
Ⅲ		Ⅲ	\02162
Ⅳ		Ⅳ	\02163
Ⅴ		Ⅴ	\02164
Ⅵ		Ⅵ	\02165
Ⅶ		Ⅶ	\02166
Ⅷ		Ⅷ	\02167
Ⅸ		Ⅸ	\02168
Ⅹ		Ⅹ	\02169
㎠		㎠	\033a0
㎡		㎡	\033a1
✓		✓	\02713
✔		✔	\02714
✕		✕	\02715

HTML

<div class="kigou">あいうえお</div>

.kigou:before {content:"\02714";}
.kigou:after {content:"\025c0";}

あいうえお

スポンサードリンク