Atributo font-weight de CSS

Definición y uso

El atributo fontWeight configura el grosor del texto.

Explicación

Esta propiedad se utiliza para establecer el grosor de la fuente utilizado en el texto del elemento de visualización. El valor numérico 400 es equivalente al palabra clave normal, y 700 es equivalente a bold. Cada valor numérico debe ser al menos tan delgado como el siguiente valor más pequeño y al menos tan grueso como el siguiente valor más grande.

Véase también:

Tutoriales de CSS:Fuente de CSS

Manual de Referencia de CSS:Atributo font de CSS

Manual de Referencia de HTML DOM:Atributo fontWeight

Ejemplo

Configura el grosor de la fuente de tres párrafos:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Prueba por ti mismo

Sintaxis de CSS

font-weight: normal|bold|bolder|lighter|número|initial|inherit;

Valor del atributo

Valor Descripción
normal Predeterminado. Define caracteres estándar.
bold Define caracteres en negrita.
bolder Define caracteres más gruesos.
lighter Define caracteres más delgados.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Define caracteres delgados a gruesos. 400 es equivalente a normal, y 700 a bold.
inherit Se especifica que el grosor de la fuente debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: normal
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: objeto.style.fontWeight="900"

Ejemplo TIY

Configuración del grosor de la fuente
Este ejemplo muestra cómo configurar el grosor de la fuente.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esa propiedad.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5