¿Qué significa relleno?

La propiedad Padding define el espacio entre el borde del elemento y su contenido.

La propiedad Padding establece el ancho de todo el relleno de un elemento o establece el ancho del relleno en cada lado. El relleno establecido en elementos en línea no reemplazados no afecta los cálculos de altura de línea, por lo tanto, si un elemento tiene relleno y fondo, puede extenderse visualmente a otras líneas y posiblemente superponerse a otro contenido. El fondo del elemento se extiende a lo largo del relleno. No se permiten valores de margen negativos.

Cuando se borra el relleno (padding) de un elemento, el área "liberada" se rellenará con el color de fondo del elemento. El uso exclusivo de la propiedad padding establece las propiedades de relleno del elemento en una sola declaración. También se puede utilizar el atributo de relleno abreviado. Una vez que se cambia un valor, la distancia correspondiente al relleno cambiará.

Datos ampliados:

Valores posibles:

auto: El navegador calcula los márgenes.

Longitud: Especifica el valor del margen en unidades específicas, como píxeles, centímetros, etc. El valor predeterminado es 0px.

: Especifica márgenes basados ​​en un porcentaje del ancho del elemento principal.

heredar: Especifica que los márgenes deben heredarse del elemento padre.

Diferencia entre distancia interior y exterior:

Cómo distinguir el margen y el relleno es un problema para muchos estudiantes de HTML. De hecho, para decirlo sin rodeos, el relleno es la brecha entre el contenido y el espacio. borde. El margen es la brecha entre módulos.

Relleno de la Enciclopedia Baidu