Descripción
La propiedad padding en CSS se utiliza para generar espacio alrededor del contenido de un elemento, dentro de cualquier borde definido. Este espacio es conocido como padding o relleno. El padding no afecta el flujo del documento, pero sí puede afectar la posición de los elementos adyacentes.
Sintaxis
padding: <padding-width>{1,4} | inherit
Esta sintaxis te permite especificar el relleno para uno a cuatro lados de un elemento.
Valores
En la sintaxis proporcionada, hay dos tipos de valores que puedes usar:
- padding-width: Este valor te permite establecer el ancho del relleno. Puedes especificar este ancho usando una variedad de unidades, como píxeles (px), porcentajes (%) o ems (em).
- inherit: Este es un valor especial que puedes usar para especificar que el relleno debe ser el mismo que el relleno del elemento padre.
Ejemplo
div {
padding: 10px 15px 20px 25px;
}
Este ejemplo establece un relleno de 10px en la parte superior, 15px en la derecha, 20px en la parte inferior y 25px en la izquierda del elemento div.
