Propiedad CSS font-variant-east-asian
La propiedad font-variant-east-asian controla el uso de glifos alternativos para los scripts del este de Asia. En particular, se utiliza para controlar la sustitución y el tamaño de los glifos en los textos del este de Asia.
Esta propiedad es una de las propiedades de CSS3.
| Valor inicial | normal |
|---|---|
| Se aplica a | Todos los elementos. También se aplica a ::first-letter y ::first-line. |
| Heredable | Sí. |
| Animable | No. |
| Versión | CSS3 |
| Sintaxis DOM | object.style.fontVariantEastAsian = "ruby"; |
Sintaxis
Sintaxis de la propiedad CSS font-variant-east-asian
font-variant-east-asian: normal | <east-asian-variant-values> | <east-asian-width-values> | ruby | initial | inherit ;Ejemplo de la propiedad font-variant-east-asian:
Ejemplo de la propiedad CSS font-variant-east-asian con valor tradicional
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h2 {
font-variant-east-asian: traditional;
}
</style>
</head>
<body>
<h2>Font-variant-east-asian property example</h2>
<h2>大学 → 大學</h2>
</body>
</html>Aquí puedes ver que la propiedad font-variant-east-asian está establecida en traditional. Puedes cambiarla por cualquiera de los valores mencionados en la tabla de abajo, incluida la variante simplified. Nota: El soporte del navegador para esta propiedad es limitado. El ejemplo depende de fuentes del sistema que incluyen variantes tradicionales del este de Asia.
Resultado
Valores
| Valor | Descripción |
|---|---|
| normal | No se habilita el uso de glifos alternativos. |
<east-asian-variant-values> | Especifica un conjunto de variantes de glifos logográficos que se utilizan para la visualización. Los valores son: - jis78 - jis83 - jis90 - jis04 - simplified - traditional |
<east-asian-width-values> | Controla el tamaño de las cifras utilizadas para los caracteres del este de Asia. Los valores son: - proportional-width - full-width |
| ruby | Obliga a usar glifos especiales para los caracteres ruby. |
| initial | Hace que la propiedad use su valor predeterminado. |
| inherit | Hereda la propiedad de su elemento padre. |
Práctica
¿Qué hace la propiedad 'font-variant-east-asian' en CSS?