Hojas de estilos CSS: Márgenes y alineación

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.

Atributos márgenes y alineación

Se trata de cuatro atributos que intervienen en la distancia entre la caja y los componentes internos que tiene esa caja, respecto a los cuatro margenes: margin-left, margin-right, margin-top, margin-bottom.

<STYLE>
BODY { margin-top: 15px; margin-right; 15px; margin-bottom: 15px; margin-left: 15px }
</STYLE>

Estos valores se pueden definir con el atributo margin. Cuando se aplica este valor, el navegador asume como orden el primer margen superior (margin-top), el derecho (margin-right), el inferior (margin-bottom) y el izquierdo (margin-left).

<STYLE>
BODY { margin: 10px 10px 10px 10px }
</STYLE>

Atributos padding-top, padding-bottom, padding-right, padding-left

Estos atributos indican la distancia entre los lados de la caja de texto y los elementos que están en su interior.

Es posible usar las medidas estándar (pulgadas, centímetros, puntos, píxel, etc.) o valores porcentuales:

<STYLE>
BODY { padding-top: 10pt; padding-right; 10px; padding-bottom: 110%; padding-left: 2cm }
</STYLE>

Enlaces amigos: Publicidad en Google

Otras webs: Popularidad