1. TOP
  2. CSS
  3. content で使える特殊文字コード CSS

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

目次

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

スポンサードリンク
表示 文字実体参照 10進 16進
« « « \0ab
» » » \0bb
< &lt; &#60; \03c
> &gt; &#62; \03e
&and; &#8743; \02227
&or; &#8744; \02228
Ξ &Xi; &#926; \039e
× &times; &#215; \0d7
&larr; &#8592; \02190
&uarr; &#8593; \02191
&rarr; &#8594; \02192
&darr; &#8595; \02193
¥ &yen; &#165; \0a5
© &copy; &#169; \0a9
® &reg; &#174; \0ae
  &#9650; \025b2
  &#9660; \025bc
  &#9654; \025b6
  &#9664; \025c0
  &#9651; \025b3
  &#9661; \025bd
  &#9655; \025b7
  &#9665; \025c1
  &#9632; \025a0
  &#9633; \025a1
  &#9670; \025c6
  &#9671; \025c7
  &#9675; \025cb
  &#9678; \025ce
  &#9679; \025cf
&bull; &#8226; \02022
  &#10055; \02747
  &#10056; \02748
  &#10057; \02749
  &#10058; \0274a
  &#10059; \0274b
&spades; &#9824; \02660
&clubs; &#9827; \02663
&hearts; &#9829; \02665
&diams; &#9830; \02666
  &#9828; \02664
  &#9831; \02667
  &#9825; \02661
  &#9826; \02662
  &#9832; \02668
  &#8451; \02103
  &#8467; \02113
&there4; &#8756; \02234
  &#8757; \02235
¤ &curren; &#164; \0A4
& &amp; &#38; \026
  &#12306; \03012
  &#9312; \02460
  &#9313; \02461
  &#9314; \02462
  &#9315; \02463
  &#9316; \02464
  &#9317; \02465
  &#9318; \02466
  &#9319; \02467
  &#9320; \02468
  &#9321; \02469
  &#8544; \02160
  &#8545; \02161
  &#8546; \02162
  &#8547; \02163
  &#8548; \02164
  &#8549; \02165
  &#8550; \02166
  &#8551; \02167
  &#8552; \02168
  &#8553; \02169
  &#13216; \033a0
  &#13217; \033a1
  &#10003; \02713
  &#10004; \02714
  &#10005; \02715


HTML

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


CSS

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


結果

あいうえお



スポンサードリンク

コメントを書き込む

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。