Atributos Font-style

En estos ejemplos que proponemos en estas páginas sobre atributos de textos, los hemos aplicados directamente sobre el body, estos atributos también pueden ser aplicados a través de una hoja de estilos incorporada.

Atributo font-style

Este atributo indica el estilo para la fuente. Es posible aplicar distintos valores:

Normal: no visualiza ningún estilo particular y toma el establecido por defecto del usuario y por el navegador.

<STYLE>
BODY { font-style:normal }
</STYLE>

Italica: El típico texto en cursiva (inclinado).

<STYLE>
BODY { font-style:italic }
</STYLE>

Atributo font-variant

Asigna un estilo todo en mayúsculas. Si no está disponible en el ordenador del usuario, el estilo usará las mayúsculas adaptandose a las medidas. Los valores que hay que asignar son "normal" y "small-caps"

<STYLE>
BODY { font-variant: small-caps }
</STYLE>

Atributo font-weight

El atributo font-weight establece el grosor de las fuentes como "BOLD". Es posible asignar a este atributo valores diferentes: bold, extra-light, demi-light, medium, extra-bold, etc

<STYLE>
BODY { font-weight: bold }
</STYLE>

Atributo text-decoration

Permite decorar el texto con subrayados y otros efectos. Puede tener varios valores: none, underline, italic y line-height, etc

<STYLE>
BODY { text-decoration: none }
</STYLE>

Entra en la Red
http://www.entraenlared.com/hojas_de_estilos_css/atributos_font_style.asp

Leave A Comment?