CSS
A setting to fine-tune number shapes and alignment for better readability.
font-variant-numeric
font-variant-numericは、数字の見た目を細かく調整できるCSSプロパティです。たとえば、「0」が斜めのゼロか、斜線入りのゼロかを選べたり、数字の幅をすべて同じに揃えたり、上付き・下付きのスタイルを整えたりできます。これにより、表や数値が整った美しいレイアウトになります。
主な値の例：
- lining-nums
- 数字をすべてベースラインに揃える（通常の数字）
- oldstyle-nums
- 数字が上下にずれる（手書き風の数字）
- proportional-nums
- 数字の幅がそれぞれ違う（自然な見た目）
- tabular-nums
- 数字の幅をすべて同じに揃える（表組みに最適）
- slashed-zero
- ゼロに斜線を入れて「O」との区別をつける
- ordinal
- 「1st」や「2nd」などの序数を上付き風に表示する
- diagonal-fractions
- 1/2や3/4などを斜線付きで表示