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 July 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

BCD tables only load in the browser