PADDING Y MARGIN.
La propiedad Margin representa la distancia entre un elemento y sus elementos adyacentes, se usa para controlar la posición de representación del elemento y de sus vecinos, mientras que la propiedad Padding representa la distancia entre un elemento y sus elementos secundarios y se utiliza para separar un control desde su propio contenido.
Ahora lo veremos mas detallado:
Padding.
La propiedad padding es la que crea el espacio o área alrededor del contenido de un elemento. Consiste en el relleno superior, derecho, inferior e izquierdo. En CSS se escriben como padding-top:, padding-right:, padding-bottom: y padding-left:. Sus valores por defecto son 0.
Para añadir relleno a un elemento, puedes establecer los valores en:
- Longitud: un valor fijo, normalmente en px, pt o cm.
- Porcentaje: el tamaño del relleno es relativo al ancho del elemento.
- Heredar: establece las propiedades de relleno CSS para seguir el elemento padre.
Ten en cuenta que no puedes utilizar valores negativos y automáticos para los rellenos.
Margin.
La propiedad margin es la capa más externa de un elemento web. En otras palabras, crea un espacio alrededor del elemento. La propiedad consta de margin-top:, margin-right:, margin-bottom: y margin-left:.
Al igual que el padding, el margin puede establecerse en valores de longitud, porcentaje y heredado. Sin embargo, también admite:
- Auto: el navegador calculará un valor de margen adecuado para usar. Normalmente centrará el elemento web.
- Valores negativos: acerca los elementos a sus vecinos.
Publicaciones Relacionadas
