CSS - fondo acolchado

Descripción

La propiedad padding-bottom establece el ancho del padding en la parte inferior de un elemento.

Valores posibles

  • length- Cualquier valor de longitud. No se permiten valores de longitud negativos para esta propiedad.

  • percentage - El ancho del relleno inferior se calcula con respecto al ancho del bloque contenedor del elemento.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.paddingBottom = "10px;";

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "padding-bottom: 15px; border:1px solid black;">
         This is a paragraph with a specified bottom padding
      </p>
      
      <p style = "padding-bottom: 5%; border:1px solid black;">
         This is another paragraph with a specified bottom padding in percent
      </p>
   </body>
</html>

Esto producirá el siguiente resultado: