CSS:font-weight
De MDC
[editar] Resumen
La propiedad font-weight especifica el peso o grueso de la letra.
-
Valor inicial:normal - Se aplica a: todos los elementos.
-
Valor heredado: sí - Porcentajes: N/A
- Medio:
visual -
Valor calculado: un de los valores numéricos (por ejemplo: 100) o un numérico más un relativo (bolder/más grueso o lighter/menos grueso)
[editar] Sintaxis
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
[editar] Valores
- normal
- peso/grueso normal de la letra. Lo mismo que 400.
- bold
- grueso ancho (negrita). Igual que 700.
- lighter
- corresponde a un tipo de letra menos gruesa que el tipo del elemento padre (dentro de los valores permitidos).
- bolder
- corresponde a un tipo de letra más gruesa que el tipo del elemento padre (dentro de los valores permitidos).
- 100, 200, 300, 400, 500, 600, 700, 800, 900
- pesos numéricos para los tipos de letra que nos permiten más flexibilidad que
normal - bold. Si el peso especificado no existe en el tipo de letra escogido, un valor entre 600 y 900 se presentará con el valor más próximo disponible par dar una letra más oscura. De igual forma, un valor entre 100 y 500 se presentará con el valor más próximo disponible para dar una letra más clara. Esto significa que para los tipos de letra que sólo dispongan de normal y bold, cualquier valor entre 100 y 500 será normal y entre 600 y 900, será bold.
[editar] Ejemplos
/* Ajusta el texto del párrafo a bold. */
p {font-weight: bold}
/* Ajusta h1 (cabeceras de primer nivel) a que sea más oscuro que
normal pero menos que el valor normal de bold. */
h1 {font-weight: 500}
/* Ajusta el tipo de letra que esté dentro de una sentencia span, a que sea
más clara/menos negrita que la fuente de su elemento padre. */
span {font-weight: lighter}
[editar] Notas
[editar] Especificaciones
[editar] Compatibilidad entre navegadores
| Navegador | Versión mínima |
|---|---|
| Internet Explorer | 3 |
| Netscape | 4 |
| Opera | 3.5 |
[editar] Ver también
font,
font-family,
font-size,
font-size-adjust,
font-stretch,
font-style,
font-variant,
font-weight,
@font-face