Los últimos tutoriales de desarrollo web
 

Style fontWeight Property

<Estilo de objeto

Ejemplo

Establecer el peso de la fuente para un <p> elemento a "900" :

document.getElementById("myP").style.fontWeight = "900";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades fontWeight o devoluciones cómo se debe mostrar caracteres gruesas o delgadas en un texto.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad fontWeight es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad fontWeight:

object .style.fontWeight

Establecer la propiedad fontWeight:

object .style.fontWeight="normal|lighter|bold|bolder| Valores de propiedad
Valor Descripción
normal La fuente es normal. Esto es por defecto
lighter La fuente es más ligero
bold Fuente es negrita
bolder La fuente es más audaz
100
200
300
400
500
600
700
800
900
Define de la luz a los caracteres en negrita. 400 es la misma que normal, y 700 es la misma que en negrita
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: normal
Valor de retorno: Una cadena, que representa la constancia de la fuente
Versión CSS CSS1

Más ejemplos

Ejemplo

Una demostración de valores posibles:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;
Inténtalo tú mismo "

Ejemplo

Devolver el peso de la fuente de un <p> elemento:

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

Páginas relacionadas

CSS tutorial: CSS Fuente

Referencia CSS: font-weight property

Referencia HTML DOM: font property


<Estilo de objeto