Atributo CSS padding-bottom

Definición y uso

El atributo paddingBottom establece el margen inferior interno (espacio en blanco inferior) del elemento.

Explicación

Esta propiedad establece el ancho del margen inferior interno del elemento. El margen inferior interno en elementos inline no reemplazados 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 inferior negativo.

Comentarios:No se permite el uso de valores negativos.

Véase también:

Tutoriales de CSS:Margen interno CSS

Manual de referencia de HTML DOM:Atributo paddingBottom

Ejemplo

Establecer el margen inferior interno de los elementos p:

p
  {
  padding-bottom:2cm;
  }

Prueba por tu cuenta

(Pueden encontrarse más ejemplos en la parte inferior de la página)

Sintaxis de CSS

padding-bottom: length|initial|inherit;

Valor del atributo

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

Detalles técnicos

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

TIY Ejemplo

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

Compatibilidad del navegador

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

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