Atributo font-weight de CSS

Definición y uso

El atributo fontWeight establece el grosor del texto.

Explicación

Esta propiedad se utiliza para establecer el texto en negrita utilizado en los elementos visuales. El valor numérico 400 es equivalente al término normal, mientras que 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 del DOM HTML: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|number|initial|inherit;

Valor del atributo

Valor Descripción
normal Valor 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 de grueso a delgado. 400 es equivalente a normal, mientras que 700 es equivalente 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: object.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 completamente admite esa propiedad.

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