Los últimos tutoriales de desarrollo web
 

Style font Property

<Estilo de objeto

Ejemplo

Establecer la fuente para un <p> elemento:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de fuente o devuelve hasta seis propiedades de fuentes separadas, en una forma abreviada.

Con esta propiedad, se puede establecer / devolver el siguiente (en este orden):

  • Estilo de fuente
  • font-variant
  • font-weight
  • tamaño de fuente
  • altura de la línea
  • Familia tipográfica

Se requieren la fuente y el tamaño familiar. Si uno de los demás valores están desaparecidos, se insertarán los valores por defecto, si los hubiere.

Las propiedades anteriores también se pueden configurar con propiedades de estilo separadas. El uso de propiedades separadas es muy recomendable para los autores no avanzados para una mejor capacidad de control.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad de fuente es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad de la fuente:

object .style.font

Establecer 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

Valor Descripción
style Establece el estilo de fuente
variant Establece el texto en una fuente small-caps
weight Establece la constancia de la fuente
size Establece el tamaño de la fuente
lineHeight Define la distancia entre las líneas
family Establece el tipo de letra
caption La fuente usada para los controles de subtítulos (like buttons, drop-downs, etc.)
icon La fuente usada a los iconos de la etiqueta
menu La fuente usada en los menús
message-box La fuente usada en los cuadros de diálogo
small-caption La fuente usada en pequeñas controles
status-bar La fuente usada en las barras de estado de la ventana
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: no especificado
Valor de retorno: Una cadena, que representa diferentes propiedades de la fuente del elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Devolver la fuente de un <p> elemento:

alert(document.getElementById("myP").style.font);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS Fuente

Referencia CSS: font property


<Estilo de objeto