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 inicial	`0`
Aplicado a	Todos 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-caption`, `table` y `inline-table`.
Heredable	No
Móvil	Sí
Valor calculado	Un 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ística	Chrome	Firefox	IE	Ópera	Safari
Soporte básico	1.0	1.0	4.0	3,5	1.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-bottom, padding-right y padding-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.