Relleno CSS

 

 

 

Relleno css 1

Cómo trabajar con relleno en CSS

La paddingpropiedad CSS se usa comúnmente en CSS para agregar espacio en el lado interno de un elemento.

Recordar:

  • marginAgrega espacio fuera del borde de un elemento
  • paddingAgrega espacio dentro del borde de un elemento

Propiedades de relleno específicas

paddingtiene 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

paddinges 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:

  1. Filtros CSS
  2. Manejo de errores CSS
  3. Importar un archivo CSS usando @import
  4. Normalización de CSS

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

 

Relleno css 1
Relleno css 1

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

 

 

Update cookies preferences