CSS paddingPropiedad
Definición de la propiedad e instrucciones de uso
La propiedad abreviada padding establece todas las propiedades de relleno en una sola declaración. Esta propiedad puede tener de 1 a 4 valores.
Ejemplo:
-
padding:10px 5px 15px 20px;
- El relleno superior es 10px
- El relleno derecho es 5px
- El relleno inferior es 15px
- El relleno izquierdo es 20px
-
padding:10px 5px 15px;
- El relleno superior es 10px
- El relleno derecho e izquierdo son 5px
- El relleno inferior es 15px
-
padding:10px 5px;
- El relleno superior e inferior son 10px
- El relleno derecho e izquierdo son 5px
-
padding:10px;
- Los cuatro rellenos son 10px
Nota:Los valores negativos no están permitidos.
| Valor por defecto: | 0 |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.padding="10px 5px" |
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| length | Especifica el valor del relleno en unidades concretas, como píxeles, centímetros, etc. El valor por defecto es 0px. |
| % | Especifica un relleno basado en un porcentaje del ancho del elemento padre. |
| inherit | Especifica que el relleno debe heredarse del elemento padre. |
Artículos relacionados
Tutorial de CSS:CSS Padding
Otras extensiones