Propiedad de fuente de estilo
Ejemplo
Establecer la fuente para un elemento:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definición y uso
La propiedad de fuente establece o devuelve hasta seis propiedades de fuente independientes, en forma abreviada.
Con esta propiedad, puede establecer/devolver lo siguiente (en este orden):
- Estilo de fuente
- variante de fuente
- peso de fuente
- tamaño de fuente
- altura de la línea
- Familia tipográfica
El tamaño de fuente y la familia de fuentes son obligatorios. Si falta uno de los otros valores, se insertarán los valores predeterminados, si los hay.
Las propiedades anteriores también se pueden configurar con propiedades de estilo separadas. El uso de propiedades separadas es muy recomendable para autores no avanzados para una mejor controlabilidad.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de la fuente:
object.style.font
Establezca la propiedad de la fuente:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Valores de propiedad
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | No especificado |
---|---|
Valor devuelto: | Una cadena, que representa diferentes propiedades de fuente del elemento. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Devuelve la fuente de un elemento:
alert(document.getElementById("demo").style.font);
páginas relacionadas
Tutorial de CSS: fuente CSS
Referencia CSS: propiedad de fuente
❮ Objeto de estilo