Definición | Establece la anchura de la zona de relleno superior de los elementos |
---|---|
Valores permitidos | Uno y sólo uno de los siguientes valores: |
Si se utilizan porcentajes, hace referencia a la anchura del elemento en el que se encuentra | |
Valor inicial | 0 |
Se aplica a | Todos los elementos |
Válida en | medios visuales |
Se hereda | no |
Definición en el estándar | w3.org/TR/CSS21/box.html#propdef-padding-top |
Ejemplos de uso
La propiedad padding-top
establece la anchura de la zona de relleno superior de un elemento, como se muestra en el siguiente ejemplo:
div { padding-top: 50px; }
Al contrario de lo que sucede con los márgenes, no es posible utilizar valores negativos para las zonas de relleno. Si se utilizan porcentajes, su referencia es la anchura del elemento contenedor.
En el siguiente ejemplo, el elemento <div>
contenedor tiene establecida una anchura de 250px
, mientras que el <div>
interior tiene un relleno superior igual a 20%
, lo que en la práctica se traduce en 50px
(el 20%
de 250px
):
div { width: 250px; }
div { padding-top: 20%; }