padding-top
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
Sumario
La propiedad padding-top CSS establece el espacio de relleno requerido en la parte superior del elemento. El área de padding es el espacio entre el contenido del elemento y su borde. Contrariamente de la propiedad margin-top, valores negativos no son válidos.
| Valor inicial | 0 |
|---|---|
| Applies to | all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter and ::first-line. |
| Heredable | no |
| Percentages | refer to the width of the containing block |
| Valor calculado | the percentage as specified or the absolute length |
| Animation type | a length |
Sintaxis
css
/* <length> values (valores fijos) */
padding-top: 0.5em;
padding-top: 0;
padding-top: 2cm;
/* <percentage> value (valores porcentuales) */
padding-top: 10%;
/* Global values (valores globales) */
padding-top: inherit;
padding-top: initial;
padding-top: unset;
Valores
<length>-
Especifica un valor positivo fijo. Veáse
<length>para más detalles. <percentage>-
Especifica un porcentaje con respecto al bloque que lo contiene.
Sintaxis formal
padding-top =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
Ejemplos
css
.content {
padding-top: 5%;
}
.sidebox {
padding-top: 10px;
}
Especificaciones
| Specification |
|---|
| CSS Box Model Module Level 3 # padding-physical |
Compatibilidad con navegadores
Loading…