特殊文字 装飾数字

特殊文字 装飾数字
Image by Gerd Altmann from Pixabay

2021.03.20(更新日:2021.03.22)

たまに必要になる「特殊文字」。丸数字とかその類。
CSSで装飾してしまえば問題ないが、面倒際なりない場合は機種依存しないように「文字実体参照 / 数値文字参照」を使う。

この記事は1年以上経過しています。内容的に古い場合があります。

丸数字

装飾数字の丸数字は数値文字参照で。「10進数と16進数」での指定が出来る。
見た目などはブラウザで違うかもしれないので、どちらが適切か確認しながら使用。

白丸数字

表示 数値参照10進数 数値参照16進数
⓪ ⓪
① ①
② ②
③ ③
④ ④
⑤ ⑤
⑥ ⑥
⑦ ⑦
⑧ ⑧
⑨ ⑨
⑩ ⑩
⑪ ⑪

10進数は単純に数字を上げていけば10以上の丸数字も表示される。(50までらしい)
16進数の場合は数字「0〜9」の次に「a〜f」でまた「0〜9」と言う具合に数値を上げていくと吉。

黒丸数字

表示 数値参照10進数 数値参照16進数
⓿ ⓿
❶ ❶
❷ ❷
❸ ❸
❹ ❹
❺ ❺
❻ ❻
❼ ❼
❽ ❽
❾ ❾
❿ ❿
⓫ ⓫
⓬ ⓬
⓭ ⓭
⓮ ⓮
⓯ ⓯
⓰ ⓰
⓱ ⓱
⓲ ⓲
⓳ ⓳
⓴ ⓴

こちらは数的に白丸ほどないみたい。連番での処理も安易に出来なそうなのでわかるものを全部掲載。

括弧付き

表示 数値参照10進数 数値参照16進数
⑴ ⑴
⑵ ⑵
⑶ ⑶
⑷ ⑷
⑸ ⑸
⑹ ⑹
⑺ ⑺
⑻ ⑻
⑼ ⑼
⑽ ⑽
⑾ ⑾
⑿ ⑿
⒀ ⒀
⒁ ⒁
⒂ ⒂
⒃ ⒃
⒄ ⒄
⒅ ⒅
⒆ ⒆
⒇ ⒇

今回は数字のみだけど、便利な記号などもあるので機会を見てまとめたい。