Atributo CSS padding-top

Definición y uso

El atributo paddingTop establece el margen superior interno del elemento (espacio).

Descripción

Esta propiedad establece el ancho del margen superior interno del elemento. El margen superior interno de los elementos en línea no reemplazables no afecta el cálculo de la altura de la línea, por lo que, si un elemento tiene tanto margen como fondo, puede extenderse visualmente a otras líneas y podría solaparse con otros contenido. No se permite especificar valores de margen interno negativos.

Comentarios:No se permite el uso de valores negativos.

Véase también:

Tutoriales de CSS:Margen interno de CSS

Manual de referencia de HTML DOM:Atributo paddingTop

Ejemplo

Establecer el margen superior interno del elemento p:

p
  {
  padding-top:2cm;
  }

Prueba por ti mismo

（Más ejemplos se pueden encontrar en la parte inferior de la página）

Sintaxis de CSS

padding-top: length|initial|inherit;

Valor del atributo

Valor Descripción
length Define un valor de margen superior interno fijo en unidades específicas, como píxeles, centímetros, etc. El valor predeterminado es 0px.
% Define un margen superior interno en porcentaje basado en el ancho del elemento padre. Este valor no funciona como se espera en todos los navegadores.
inherit Se debe heredar el margen superior interno del elemento padre.

Detalles técnicos

Valor predeterminado: 0
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.paddingTop="10px"

Ejemplo TIY

Establecer margen superior interno 1
Este ejemplo muestra cómo usar valores en centímetros para establecer el margen superior interno de las celdas.
Establecer margen superior interno 2
Este ejemplo muestra cómo usar porcentajes para establecer el margen superior interno de las celdas.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5