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
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