Características padding-top en CSS

Características padding-top en CSS

La propiedad padding-top en CSS establece el relleno en el extremo superior del elemento. A diferencia de las notas margin a pie de página, no se puede utilizar el uso de valores negativos para las notas a pie de página. La propiedad corta se puede utilizar padding para establecer todas las notas al pie de los cuatro lados de un elemento en una sola regla.

Funciones padding-top css

Valor inicial0
Aplicado aTodos los elementos, excepto los elementos de la tabla en los que el valor de la propiedad no es igual a display una de las palabras reservadas table-captiontableinline-table.
HeredableNo
Móvil
Valor calculadoUn porcentaje o longitud absoluta.
/* <length> longitudes */ 
padding-top: 0.5em;
padding-top: 0;
padding-top: 2cm;
/* <porcentaje> porcentajes */ 
padding-top :  10%;
/* valores globales */ 
padding-top: inherit;
padding-top: initial;
padding-top: unset;

Ejemplos y aplicaciones en código

Utilice la propiedad padding-top para agregar una nota al pie de la siguiente manera 30px:

< p > 
  < code > padding-top: 30px; </ code > 
</ p >

Código CSS:

p {
  border: thin solid;
  padding-top: 30px;
}

Soporte de navegadores

CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico1.01.04.03,51.0

Características generales

<length>

Determine el valor de la nota al pie en longitudes absolutas, y el valor no puede ser negativo.

<percentage>

Especifica el valor de la nota al pie como un porcentaje del ancho del elemento de bloque que contiene el elemento actual, y el valor no puede ser negativo.

Estructura padding-top css

padding-top: <length> | <percentage>;

Consulte también

  • La propiedad padding de la página y la página subpropiedades que este conjunto de propiedades son: padding-bottompadding-rightpadding-left.
  • Página de propiedades margin que establece los márgenes en los cuatro extremos del elemento.
  • La página de propiedades position que describe cómo se debe colocar el elemento en el documento.