Web.HTML.Propiedad Style.

Published in

Enredando con la WEB.

1 min readJul 27, 2016

Sirve para darle estilos a elementos HTML. Su sintáxis es la siguiente:

<elemento html style="propiedad:valor;">

Fondo de la Página.

Sirve para definir el fondo de toda la página web. Se agrega con la propiedad background-color. Un ejemplo:

<!DOCTYPE html>
<html>
<body style="background-color:cyan;">    <h1>Encabezado tipo 1</h1>
    <p>Párrafo de texto.</p></body>
</html>

Color del Texto.

Con la propiedad color, se puede mostrar el texto en una infinidad de colores. Un ejemplo:

<!DOCTYPE html>
<html>
<body>    <h1 style="color:blue;">Encabezado de tipo 1</h1>
    <p style="color:red;">Párrafo de texto.</p></body>
</html>

Tipos de Letras.

Con la propiedad font-family se puede cambiar los tipos de letra del texto que se muestre en la página web. Un ejemplo:

<!DOCTYPE html>
<html>
<body>    <h1 style="font-family:verdana;">Encabezado de tipo 1</h1>
    <p style="font-family:courier;">Párrafo de texto.</p></body>
</html>

Tamaño del Texto.

Con la propiedad font-size se puede cambiar el tamaño del texto a mostrar. Un ejemplo:

<!DOCTYPE html>
<html>
<body>    <h1 style="font-size:300%;">Encabezado de tipo 1.</h1>
    <p style="font-size:160%;">Párrafo de texto.</p></body>
</html>

Alineación del Texto.

Con esta propiedad se puede alinear el texto que visualice el navegador. Un ejemplo:

<!DOCTYPE html>
<html>
<body>    <h1 style="text-align:center;">Encabezado tipo 1 centrado</h1>
    <p style="text-align:center;">Párrafo de texto centrado.</p></body>
</html>

Etiqueta <span>.

Sirve para dar un estilo a parte de un texto concreto. Un ejemplo:

<!DOCTYPE html>
<html>
<body>    <h1>Documentación <span style="color:red">Importante</span> para leer</h1></body>
</html>

Sólo basta con encasillar lo que se quiere resaltar con la etiqueta <span> y darle el estilo que se quiera.

color. Esta propiedad sirve para darle color al texto.

Continúa por Colores.