CSS: margine inferiore

Descrizione

La proprietà margin-bottom imposta la larghezza del margine nella parte inferiore di un elemento.

Possibili valori

  • length - Qualsiasi valore di lunghezza.

  • percentage - La larghezza del margine viene calcolata rispetto alla larghezza del blocco contenitore dell'elemento.

  • auto - Predefinito, lascia che i browser impostino automaticamente il margine.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.marginBottom = "5px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

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

Questo produrrà il seguente risultato: