控制东亚脚本的交替符号 | font-variant-east-asian
font-variant-east-asian
font-variant-east-asianCSS属性控制东亚脚本(如日文和中文)的交替符号的使用。
font-variant-east-asian: normal;
font-variant-east-asian: ruby;
font-variant-east-asian: jis78; /* <east-asian-variant-values> */
font-variant-east-asian: jis83; /* <east-asian-variant-values> */
font-variant-east-asian: jis90; /* <east-asian-variant-values> */
font-variant-east-asian: jis04; /* <east-asian-variant-values> */
font-variant-east-asian: simplified; /* <east-asian-variant-values> */
font-variant-east-asian: traditional; /* <east-asian-variant-values> */
font-variant-east-asian: full-width; /* <east-asian-width-values> */
font-variant-east-asian: proportional-width; /* <east-asian-width-values> */
font-variant-east-asian: ruby full-width jis83;
/* Global values */
font-variant-east-asian: inherit;
font-variant-east-asian: initial;
font-variant-east-asian: unset;
| Initial value | normal |
|---|---|
| 应用于 | all elements. It also applies to ::first-letter and ::first-line. |
| 是否继承 | yes |
| 适用媒体 | visual |
| 计算值 | as specified |
| 动画类型 | discrete |
| 规范顺序 | order of appearance in the formal grammar of the values |
语法
取值
normal该关键字代表停用此字体。
| 关键字 | Standard defining the glyphs | OpenType equivalent |
|---|---|---|
| jis78 | JIS X 208 version 1978 | jp78 |
| jis83 | JIS X 208 version 1983 | jp83 |
| jis90 | JIS X 208 version 1990 | jp90 |
| jis04 | JIS X 208 version 2004 | jp04 |
| simplified | None, use the simplified Chinese glyphs | smpl |
| traditional | None, use the traditional Chinese glyphs | trad |
<east-asian-width-values >这些值控制用于东亚字符的数字的大小。有两个可能的取值：
proportional-width激活数字不完全相同的数据集。它对应于OpenType值pwid。
full-width激活数字不完全相同的数据集，使他们在表格中很容易对齐就像。它对应于OpenType值fwid.
形式语法
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]where
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]
实例
HTML
<p class="normal">!</p>
CSS
p {
font-variant-east-asian: ruby;
}
结果
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Fonts Module Level 3The definition of 'font-variant-east-asian' in that specification. | Candidate Recommendation | Initial definition |
浏览器兼容性
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 34 (34) 1 | ? | ? | ? | ? |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | 34.0 (34)1 | ? | ? | ? |
