Cambiar el grosor de los caracteres

Esta propiedad permite escribir el texto en negrita. Cabe destacar, aunque las diferencias no siempre son perceptibles, que las posibilidades son mucho más numerosas que con la etiqueta <b>.

font-weight:

bold; o bien

bolder; o bien

lighter; o bien

normal; o bien

un valor entre 100 y 900

Comentarios

  • El valor bold (negrita) escribe la fuente de caracteres en negrita.

    El valor bolder (más grueso) acentúa la negrita respecto al elemento padre.

    El valor lighter (más ligero) disminuye la negrita respecto al elemento padre.

  • Un valor numérico entre 100 y 900. Los valores disponibles son 100, 200, 300, 400, 500, 600, 700, 800, 900.

    El valor 500 se corresponde con el valor del tipo de letra "normal".

    El valor 700 se corresponde con la negrita.

    El valor 900 corresponde (teóricamente) a la más gruesa.

  • Si bien esta propiedad font-weight autoriza numerosos valores, no siempre será posible tomar en cuenta todos ellos para todas las fuentes, pues no siempre se dispone de las versiones de los caracteres en negrita.

Ejemplo


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .bold { font-weight: bold;} 
   .bolder { font-weight: bolder;} 
   .bold900 { font-weight: 900;} 
   </style> 
</head> 
<body> 
<p class="bold">Texto...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Cambiar a mayúsculas
Siguiente
Gestionar el tamaño de letra