Atributo fontWeight de estilo

Definición y uso

fontWeight Configurar o devolver el nivel de grosor de los caracteres del texto.

Vea también：

Tutorial de CSS：Fuente CSS

Manual de referencia de CSS：Atributo font-weight

Manual de referencia de HTML DOM：Atributo de fuente

Ejemplo

Ejemplo 1

Establecer el grosor de la fuente del elemento <p> en "900"：

document.getElementById("myP").style.fontWeight = "900";

Prueba personal

Ejemplo 2

Demostración de posibles valores：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

Prueba personal

Ejemplo 3

Devuelve el grosor de la fuente del elemento <p>：

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

Prueba personal

Sintaxis

Devolver fontWeight atributo：

objeto.style.fontWeight

Configurar fontWeight atributo：

objeto.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

Valor del atributo

Valor Descripción
normal La fuente es normal. Predeterminado.
lighter La fuente es más delgada.
bold La fuente es negrita.
bolder La fuente es más gruesa.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Define los caracteres del cuerpo desde el cuerpo fino hasta el cuerpo grueso.

400 es igual a normal, 700 es igual a bold.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： normal
Valor devuelto： Valor de cadena, que representa el grosor de la fuente.
Versión de CSS： CSS1

Soporte del navegador

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