H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción



CSS Peso de la Fuente


Tema

Crear una fuente negrita, más negrita o delgada en html usando una hoja de estilo.



Explicación

Propiedad: Tipografía Peso

Uso:
font-weight: bold;
font-weight: bolder;
font-weight: light;
font-weight: lighter;
font-weight: 100;
font-weight: normal;

Definición:
Este parámetro controla el peso o la anchura de la fuente. Podemos hacer que la fuente aparezca más ligera o más rellena.
Toma los siguientes valores.
a)bold : hace que la fuente aparezca en negrita.
b)bolder : hace que la fuente aparezca más en negrita.
c)light : hace que la fuente aparezca ligera.
d)lighter : hace que la fuente aparezca más ligera.
e)100 to 900 : La anchura de las letras se pueden establecer usando valores como 100 o 200 o 300 o 400 o 500 o 600 o 700 o 800 o 900.
f)normal : hace que la fuente aparezcan de forma normal.

Ejemplo 1:
<div style="font-weight: bold;">probando peso de fuente</div>

Resultado:
probando peso de fuente


Ejemplo 2:
<div style="font-weight: bolder;">probando peso de fuente</div>

Resultado:
probando peso de fuente


Ejemplo 3:
<div style="font-weight: light;">probando peso de fuente</div>

Resultado:
probando peso de fuentet


Ejemplo 4:
<div style="font-weight: lighter;">probando peso de fuente</div>

Resultado:
probando peso de fuente


Ejemplo 5:
<div style="font-weight: 800;">probando peso de fuente</div>

Resultado:
probando peso de fuente


Ejemplo 6:
<div style="font-weight: normal;">probando peso de fuente</div>

Resultado:
probando peso de fuente





Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com