English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencias CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS padding-Uso y ejemplo del atributo bottom

padding-El atributo bottom CSS establece el relleno hasta el lado inferior, es decir, el espacio entre el borde inferior y el contenido del elemento. Sin embargo, en muchos casos, es más conveniente usar propiedades CSS abreviadaspaddingMás común y recomendado.

La tabla siguiente proporciona una descripción de uso y un registro histórico de versiones de este atributo, así como su sintaxis de uso en scripts de JavaScript.

Valor predeterminado:0
Aplicable a:Todos los elementos, excepto<tbody>,<thead>,<tfoot>,<tr>,<colgroup>y<col>. También se aplica a::first-letter.
Herencia:No
Animable:Sí.Ver: Atributos de animación.
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.paddingBottom="2cm"

padding-Sintaxis de uso de bottom

La sintaxis de este atributo es:

padding-bottom: length | percentage | initial | inherit

El siguiente ejemplo muestra cómo usar padding-Atributo bottom

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
Prueba aquí‹/›

Valor del atributo

La tabla siguiente describe los valores de este atributo.

ValorDescripción
lengthValores numéricos en unidades como px, pt, cm, em, etc., no se permite valores negativos.
percentageEspecificar el relleno en porcentaje. Se calcula el porcentaje en relación con el ancho del contenedor del elemento.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento relacionado utiliza el padding del elemento padre-Valores del atributo bottom.

Compatibilidad del navegador

padding-La compatibilidad del navegador del atributo bottom. Los números en la tabla siguiente representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Ver el siguiente tutorial:Relleno de CSS,Modelo de caja de CSS.

Atributos relacionados:padding,padding-top,padding-right,padding-left.