WEBページ作成CSS: 書き方

特殊文字

css の before/after の特殊文字

css の擬似要素の before や after を使うと，タグの前後で任意の文字を表示することができます．この要素での文字の設定は，「content:"文字列 "」とします．特殊文字を表示させる場合には，ちょっとばかりのコツが有ります．バックスラッシュ (or 円マーク) と 特殊文字に割り当てられた4桁の16進数の整数コードを使います．具体的には，「content:"\4桁16進整数コード "」とします．整数が4桁以下の場合は，上位をゼロ詰めします(例: \00A9)．

span.copyright{
    color:blue;
}

span.copyright:before{
    color:red;
    content:"\00A9";
}

このスタイルを使う HTML ソース「<span class="copyright">yamamoto</span>」は，ブラウザでは「©yamamoto」と表示されます．

10進数の特殊文字コードを16進数に変換する場合，「Entity Conversion Calculator」を使うと便利です．特殊文字の表示と共に，16進数が表示されます．

ページ作成情報

参考資料

更新履歴

last update:2019/10/12 11:31:24