martes, 8 de diciembre de 2009

Las propidades margin y padding


Con frecuencia nos confundimos con las propiedades margin y padding y es que suenan parecido pero tienen distinta función.
Con margin establecemos la distancia entre los lados de un elemento, es el espacio que está fuera del borde.
Cuando hablamos de padding lo que establecemos es la distancia que está entre el contenido y el borde o por diferenciarlo mejor es lo que llamaríamos el relleno.
Los valores pueden ser auto, cm, mm, in,pt, pc, px, em, ex.

- em (ems, la altura de la fuente de los elementos0
- ex (x-height, altura de la letra "x")
- px (pixels, relativa a la resolución del lienzo)
- in (pulgadas; 1 pulgada=2.54 cm)
- cm (centímetros; 1 cm = 10 mm)
- mm (milímetros)
- pt (puntos; 1pt = 1/72 pulgada)
- pc (picas; 1 pc = 12 pt)

Para añadir distancia en la parte superior de un elemento lo establecemos con margin-top, si la distancia es en la parte inferior lo haremos con margin-bottom. Cuando deseamos dejar más espacio a la izquierda margin-left y si es a la derecha con margin-right.


CONTINUAR

No hay comentarios:

Publicar un comentario