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 inicial0
Applies toall 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.
Heredableno
Percentagesrefer to the width of the containing block
Valor calculadothe percentage as specified or the absolute length
Animation typea 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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
padding-top

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support