| 属性名 | font-variant-east-asian |
|---|---|
| 値 | normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] |
| 値の詳細 |
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]
|
| 初期値 | normal |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | Visual |
| サポート | C3 / Ch63 / Fx34 / Op50 |
文字を、JIS78, JIS83 など、どの書体で表示するかを指定します。
| 値 | 説明 |
|---|---|
| normal | 通常表示します。 |
| jis78 | JIS X 0208-1978 (通称:旧JIS) の文字字形で表示します。 |
| jis83 | JIS X 0208-1983 (通称:新JIS) の文字字形で表示します。 |
| jis90 | JIS X 0208-1990 の文字字形で表示します。 |
| jis04 | JIS X 0213-2004 の文字字形で表示します。 |
| simplified | 簡略文字字形で表示します。 |
| traditional | 伝統的文字字形で表示します。 |
| full-width | 全角異体文字で表示します。 |
| proportional-width | プロポーショナル字体で表示します。 |
| ruby | ルビ用の文字字形で表示します。 |
例えば「麹」という文字は、JIS78 と JIS83 で書体が異なります。同じ文字コードであっても、対応ブラウザで表示すると、上側の文字は古い字体、下側の文字は新しい書体で表示されます。
<div style="font-family:'メイリオ'; font-size:22pt;"> <div style="font-variant-east-asian:jis78;font-size:22pt;">麹町</div> <div style="font-variant-east-asian:jis83;font-size:22pt;">麹町</div> </div>