Los márgenes internos se indican con padding y los externos con margin
Padding
Define el margen interno de un elemento. Se puede asignar un valor en píxeles o en centímetros, también un porcentaje del ancho del elemento que lo contiene.
padding: arriba derecha abajo izquierda;
Otra posibilidad:
padding: arriba-abajo derecha-izquierda Ej: padding: 20px 10px;
Otra posibilidad:
padding: margen; (Se indica para todos igual)
Márgenes internos individuales:
Se usa:
- padding-top
- padding-right
- padding-bottom
- padding-left
Margin
Permite definir el margen externo de un elemento. Podemos asignarle un valor en pixeles (px), centímetros (cm) y un porcentaje (%) del ancho del elemento que lo contiene.
margin: arriba derecha abajo izquierda;
Otra posibilidad:
margin: arriba-abajo derecha-izquierda;
Otra posibilidad:
margin: margen;
Márgenes externos individuales:
Se usa:
- margin-top
- margin-right
- margin-bottom
- margin-left