Cómo trabajar con relleno en CSS
La padding
propiedad CSS se usa comúnmente en CSS para agregar espacio en el lado interno de un elemento.
Recordar:
margin
Agrega espacio fuera del borde de un elementopadding
Agrega espacio dentro del borde de un elemento
Propiedades de relleno específicas
padding
tiene 4 propiedades relacionadas que alteran el relleno de un solo borde a la vez:
padding-top
padding-right
padding-bottom
padding-left
El uso de estos es muy sencillo y no puede confundirse, por ejemplo:
padding-left: 30px;padding-right: 3em;
Usando la paddingtaquigrafía
padding
es una abreviatura para especificar múltiples valores de relleno al mismo tiempo y, dependiendo de la cantidad de valores ingresados, se comporta de manera diferente.
1 valor
Al usar un único valor se aplica a todos los rellenos: superior, derecho, inferior, izquierdo. Fotos Porno y actrices porno
padding: 20px;
2 valores
El uso de 2 valores aplica el primero a la parte inferior y superior , y el segundo a la izquierda y derecha .
padding: 20px 10px;
3 valores
El uso de 3 valores aplica el primero a la parte superior , el segundo a la izquierda y la derecha , el tercero a la parte inferior .
padding: 20px 10px 30px;
4 valores
El uso de 4 valores aplica el primero a la parte superior , el segundo a la derecha , el tercero a la parte inferior y el cuarto a la izquierda .
padding: 20px 10px 5px 0px;
Entonces el orden es arriba-derecha-abajo-izquierda .
Valores aceptados
padding
acepta valores expresados en cualquier tipo de unidad de longitud, las más comunes son px, em, rem, pero existen muchas otras .
Tips de CSS
Tal vez te puede interesar:
Relleno CSS
La paddingpropiedad CSS se usa comúnmente en CSS para agregar espacio en el lado interno de un elemento. Cómo trabajar con relleno en CSS Cómo trabajar con
programar
es
https://aprendeprogramando.es/static/images/programar-relleno-css-2086-0.jpg
2024-11-01
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente