font-weight

  • Enlace amigable (slug) de la revisión: CSS/font-weight
  • Título de la revisión: font-weight
  • Id de la revisión: 163494
  • Creada:
  • Creador: HenryGR
  • ¿Es la revisión actual? No
  • Comentario

Contenido de la revisión

{{wiki.template('Traducción', [ "inglés", "CSS:font-weight", "en" ])}}


{{template.CSSRef()}}

Sumario

La propiedad {{template.Cssxref("font-weight")}} especifica el peso o grueso de la fuente.

  • {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
  • Aplicable a: todos los elementos.
  • {{template.Xref_cssinherited()}}: si
  • Porcentajes: N/A
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}: Un valor numérico (p.e.: 100), o un valor numérico con un valor relativo (bolder o lighter)

Sintaxis

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | {{template.Cssxref("inherit")}}

Valores

normal 
Peso normal de la fuente. Lo mismo que 400.
bold 
Grueso ancho (negrita). Igual que 700.
lighter 
Corresponde a un tipo de fuente menos gruesa que la fuente del elemento padre (dentro de los valores permitidos).
bolder 
Corresponde a un tipo de fuente más gruesa que la fuente del elemento padre (dentro de los valores permitidos).
100, 200, 300, 400, 500, 600, 700, 800, 900 
Pesos numéricos para las fuentes, que nos permiten más flexibilidad que normal y bold. Si el peso especificado no existe en el tipo de fuente escogido, un valor entre 600 y 900 se presentará con el valor más próximo disponible par dar una fuente más oscura. De igual forma, un valor entre 100 y 500 se presentará con el valor más próximo disponible par dar una fuente más clara. Esto significa que para las fuentes que sólo dispongan de normal y bold, cualquier valor entre 100 y 500 será normal y entre 600 y 900, será bold.

Ejemplos

{{template.CSSRefExampleLink("font-weight")}}

/* Ajusta el texto del párrafo a bold. */
p {font-weight: bold}

/* Ajusta h1 (cabeceras de primer nivel) a un paso más oscuro que 
   normal pero menos que el valor normal de bold. */
h1 {font-weight: 500}

/* Ajusta la fuente que esté dentro de una sentencia span, a ser 
   un paso más clara que la fuente de su elemento padre. */
span {font-weight: lighter}

Notas

Especificaciones

Compatibilidad entre navegadores

Navegador Versión mínima
Internet Explorer 3
Netscape 4
Opera 3.5

Ver también

{{wiki.template('CSS_Reference:Fonts')}}


{{ wiki.languages( { "fr": "fr/CSS/font-weight", "en": "en/CSS/font-weight" } ) }}

Fuente de la revisión

<p>
</p><p>{{wiki.template('Traducción', [ "inglés", "CSS:font-weight", "en" ])}}
</p><p><br>
</p><p>{{template.CSSRef()}}
</p>
<h3 name="Sumario"> Sumario </h3>
<p>La propiedad {{template.Cssxref("font-weight")}} especifica el peso o grueso de la fuente.
</p>
<ul><li> {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
</li><li> Aplicable a: todos los elementos.
</li><li> {{template.Xref_cssinherited()}}: si
</li><li> Porcentajes: N/A
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}}: Un valor numérico (p.e.: 100), o un valor numérico con un valor relativo (bolder o lighter)
</li></ul>
<h3 name="Sintaxis"> Sintaxis </h3>
<p><code>font-weight:</code> <code>normal</code> | <code>bold</code> | <code>bolder</code> | <code>lighter</code> | <code>100</code> | <code>200</code> | <code>300</code> | <code>400</code> | <code>500</code> | <code>600</code> | <code>700</code> | <code>800</code> | <code>900</code> | {{template.Cssxref("inherit")}}
</p>
<h3 name="Valores"> Valores </h3>
<dl><dt> normal </dt><dd> Peso normal de la fuente. Lo mismo que 400.
</dd><dt> bold </dt><dd> Grueso ancho (<i>negrita</i>).  Igual que 700.
</dd><dt> lighter </dt><dd> Corresponde a un tipo de fuente menos gruesa que la fuente del elemento padre (dentro de los valores permitidos).
</dd><dt> bolder </dt><dd> Corresponde a un tipo de fuente más gruesa que la fuente del elemento padre (dentro de los valores permitidos).
</dd><dt> 100, 200, 300, 400, 500, 600, 700, 800, 900 </dt><dd> Pesos numéricos para las fuentes, que nos permiten más flexibilidad que normal y bold. Si el peso especificado no existe en el tipo de fuente escogido, un valor entre 600 y 900 se presentará con el valor más próximo disponible par dar una fuente más oscura. De igual forma, un valor entre 100 y 500 se presentará con el valor más próximo disponible par dar una fuente más clara. Esto significa que para las fuentes que sólo dispongan de normal y bold, cualquier valor entre 100 y 500 será normal y entre 600 y 900, será bold.
</dd></dl>
<h3 name="Ejemplos"> Ejemplos </h3>
<p>{{template.CSSRefExampleLink("font-weight")}}
</p>
<pre>/* Ajusta el texto del párrafo a bold. */
p {font-weight: bold}

/* Ajusta h1 (cabeceras de primer nivel) a un paso más oscuro que 
   normal pero menos que el valor normal de bold. */
h1 {font-weight: 500}

/* Ajusta la fuente que esté dentro de una sentencia span, a ser 
   un paso más clara que la fuente de su elemento padre. */
span {font-weight: lighter}
</pre>
<h3 name="Notas"> Notas </h3>
<h3 name="Especificaciones"> Especificaciones </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#font-weight">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-fonts/#font-weight">css3-fonts</a>
</li></ul>
<h3 name="Compatibilidad_entre_navegadores"> Compatibilidad entre navegadores </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navegador</th>
    <th>Versión mínima</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Ver_tambi.C3.A9n"> Ver también </h3>
<p>{{wiki.template('CSS_Reference:Fonts')}}
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "fr": "fr/CSS/font-weight", "en": "en/CSS/font-weight" } ) }}
Revertir a esta revisión