Atributo de estilo de fuente

Definición y uso

fuente El atributo se configura o devuelve en forma abreviada hasta seis propiedades de fuente individuales.

A través de este atributo, puede configurar/volver el siguiente contenido (en este orden):

font-size y font-family Es obligatorio. Si falta uno de los otros valores, se insertará el valor predeterminado (si lo hay).

Las propiedades anteriores también se pueden configurar utilizando propiedades de estilo individuales. Se recomienda encarecidamente a los autores no avanzados que utilicen propiedades individuales para obtener una mayor controlabilidad.

Véase también:

Tutorial de CSS:Fuente de CSS

Manual de referencia de CSS:Propiedad de font

Ejemplo

Ejemplo 1

Establecer la fuente del elemento <p>:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Pruebe usted mismo

Ejemplo 2

Devolver la fuente del elemento <p>:

alert(document.getElementById("myP").style.font);

Pruebe usted mismo

Sintaxis

Devolver propiedades de font:

object.style.font

Establecer propiedades de font:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Valor del atributo

Valor Descripción
style Establecer el estilo de la fuente.
variant Establecer el texto en mayúsculas pequeñas.
weight Establecer la grosería de la fuente.
size Establecer el tamaño de la fuente.
lineHeight Establecer el espaciado de línea.
family Establecer fuente.
caption Fuente utilizada para controles de título (como botones, menús desplegables, etc.).
icon Fuente utilizada para marcar íconos.
menu Fuente utilizada en menús.
message-box Fuente utilizada en cuadros de diálogo.
small-caption Fuente utilizada en pequeños controles.
status-bar Fuente utilizada en la barra de estado de la ventana.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: No especificado
Valor devuelto: Cadena que representa diferentes propiedades de fuente del elemento.
Versión de CSS: CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte