English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad de relleno CSS puede establecer el relleno en todos los cuatro lados del elemento. Espadding-top,padding-right,padding-bottomypadding-leftAtributo abreviado del atributo.
La tabla a continuación proporciona una descripción de uso y un registro histórico de versiones de este atributo, así como la sintaxis de uso del atributo en scripts de JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | Todos los elementos, excepto<tbody>,<thead>,<tfoot>,<tr>,<colgroup>y<col>. También se aplica a::first-letter. |
| Herencia: | No |
| Animable: | Sí.Consulte Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | object.style.padding="20px 15px" |
La sintaxis de este atributo es la siguiente:
padding: [ length | percentage] 1 to 4 values | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo padding.
p.one {
padding: 20px;
}
p.two {
padding: 35px 15px;
}Prueba para ver‹/›este atajo abreviado puede usar uno, dos, tres o cuatro valores separados por espacios en blanco.
Si se estableceUn valorentonces este relleno se aplicará a todas4caras.
Si se estableceDos valoresSi se especifican, el primer valor se aplicará en el superior e inferior, y el segundo valor se aplicará en el derecho e izquierdo.
Tres valores separados por comasAplicado en el superior, horizontal (es decir, izquierda y derecha) e inferior.
Cuatro valoresAplicado en el orden superior, derecho, inferior, izquierdo.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| padding-top | Establecer el relleno en el lado superior del elemento. |
| padding-right | Establecer el relleno en el lado derecho del elemento. |
| padding-bottom | Establecer el relleno en el lado inferior del elemento. |
| padding-left | Establecer el relleno en el lado izquierdo del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo padding del elemento padre. |
La compatibilidad del navegador del atributo padding se muestra en la tabla a continuación; los números en la tabla representan la versión más baja del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Ver los siguientes tutoriales:Relleno de CSS,Modelo de caja de CSS.
Atributos relacionados:padding-top,padding-right,padding-bottom,padding-left.