Latest web development tutorials

Relleno CSS (relleno)

frontera elemento de definición del espacio y el contenido del elemento entre CSS relleno (padding) propiedad.


Padding (relleno)

Cuando los elementos de relleno (relleno) (relleno) se borra, la "liberación" de la zona elemento llena el color de fondo sería.

Solos llenan las propiedades se pueden cambiar de arriba abajo alrededor del relleno. Acrónimo llenado propiedades también se pueden utilizar para cambiar una vez que todo cambió.

Los valores posibles

valor explicación
longitud Define un acolchado fijo (píxeles, pt, em, etc.)
% Utilice un valor de porcentaje para definir un relleno


El relleno - propiedad padding unilateral

En CSS, se puede especificar un lado diferente de los distintos relleno:

Ejemplos

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Trate »


Relleno - propiedad abreviada

Para acortar el código, que puede especificar todas las propiedades de relleno en una propiedad.

Esto se llama una propiedad abreviada. Abreviación de las propiedades de todo el atributo de relleno es "relleno":

Ejemplos

padding: 25px 50px;

Trate »

propiedad padding puede tener de uno a cuatro valores.

padding: 25px 50px 75px 100px;

  • El relleno es de 25 píxeles
  • relleno derecho a 50px
  • Bajo 75px lleno
  • 100px llena la izquierda

padding: 25px 50px 75px;

  • El relleno es de 25 píxeles
  • Lleno de aproximadamente 50 px
  • Bajo 75px lleno

padding: 25px 50px;

  • acolchado inferior es 25px
  • Lleno de aproximadamente 50 px

padding: 25px;

  • 25px Todos están llenos

Ejemplos

más ejemplos

Todas las propiedades de relleno en una declaración
Este ejemplo demuestra el uso de la propiedad abreviaturas está situado en una declaración de todos los atributos de relleno, puede tener de uno a cuatro valores.

Establecer porción izquierda llena
Este ejemplo muestra cómo establecer el elemento de relleno a la izquierda.

Ajuste de la parte derecha de llenado
Este ejemplo muestra cómo establecer el elemento de relleno derecho. .

Configuración de un relleno superior
Este ejemplo muestra cómo establecer el elemento de relleno.

Bajo empaquetado
Este ejemplo muestra cómo establecer el relleno debajo de los elementos.


Todas las propiedades de relleno CSS

propiedad explicación
acolchado abreviaturas propiedad se encuentra en una declaración de todos los atributos de relleno
padding-bottom Ajuste elemento underfill
padding-left porción izquierda del elemento de configuración de relleno
padding-right Configuración de la parte derecha del elemento de relleno
padding-top Ajustes en los elementos principales para llenar