English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad CSS font establece estilos, variantes, negrita, tamaño del contenido de texto del elemento/Altura de línea y serie de fuentes. Es utilizado en una declaraciónfont-style,font-variant,font-weight,font-size,line-heightyfont-familyEstablecer propiedades de fuente individuales con abreviaturas
La tabla siguiente proporciona una descripción de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | Ver todas las propiedades |
|---|---|
| Aplica a: | Todos los elementos |
| Herencia: | Sí |
| Animable: | Sí, porque ciertas propiedades de la abreviatura pueden establecer animaciones.Por favor, consulte Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | object.style.font="italic small-caps bold 14px arial,sans-serif" |
La sintaxis de este atributo es la siguiente:
font: [ font-style font-variant font-weight font-size/line-height font-family ] | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
Al usar el atributo abreviado de fuente, deben cumplirse algunas condiciones. Si no se cumplen estas condiciones, el atributo no es válido y se ignora completamente.
Debe definirsefont-sizeyfont-familyel valor del atributo.
Debe definirse enfont-sizeel valor (si lo hay) antes de definirfont-style,font-variantyfont-weightel valor del atributo.
line-heightDebe definirse enfont-sizeDefina inmediatamente el valor del atributo después del atributo y agregue el obligatorio " /”（guion oblicuo）。
font-familyDebe ser el valor definido por última vez.
El siguiente ejemplo muestra cómo usar el atributo font, tenga en cuenta el orden de los valores del atributo.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Ver aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| font-style | Establezca el estilo de la fuente. |
| font-variant | Establezca la variante de la fuente. |
| font-weight | Establezca la negrilla de la fuente. |
| font-size | Establezca el tamaño de la fuente. |
| line-height | Establezca la altura de la línea. |
| font-family | Especifique la familia de fuentes. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado adopta los valores del atributo font del elemento padre. |
Los siguientes valores se refieren a la fuente del sistema: | |
| caption | Fuente utilizada para controles de subtítulos (por ejemplo, botones, menús desplegables, etc.). |
| icon | Fuente utilizada para marcar íconos. |
| menu | Fuente utilizada en los menús (por ejemplo, menús desplegables y listas de menús). |
| message-box | Fuente utilizada en los cuadros de diálogo. |
| small-caption | Fuente utilizada para marcar pequeños controles. |
| status-bar | Fuente utilizada en la barra de estado de la ventana. |
La compatibilidad del navegador del atributo font, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:Fuente CSS,Texto CSS.
Atributos y reglas relacionados:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.