El mejor tutorial de Relleno CSS (relleno) en 2024. En este tutorial podrás aprender Padding (relleno),Los valores posibles,El relleno - propiedad padding unilateral,Ejemplos,Relleno - propiedad abreviada,Ejemplos,más ejemplos,Todas las propiedades de relleno CSS,
frontera elemento de definición del espacio y el contenido del elemento entre CSS relleno (padding) propiedad.
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ó.
valor | explicación |
---|---|
longitud | Define un acolchado fijo (píxeles, pt, em, etc.) |
% | Utilice un valor de porcentaje para definir un relleno |
En CSS, se puede especificar un lado diferente de los distintos relleno:
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":
propiedad padding puede tener de uno a cuatro valores.
padding: 25px 50px 75px 100px;
padding: 25px 50px 75px;
padding: 25px 50px;
padding: 25px;
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.
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 |