CSS - margine

Descrizione

La proprietà margin è una proprietà abbreviata che imposta la larghezza dei margini su tutti e quattro i lati 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 - Imposta i valori per il calcolo automatico di tutti e quattro i margini.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.margin = "5px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>
   
   <body>
      <p style = "margin: 15px; border:1px solid black;">
         all four margins will be 15px
      </p>
      
      <p style = "margin:10px 2%; border:1px solid black;">
         top and bottom margin will be 10px, left and right margin will be 2% 
         of the total width of the document.
      </p>
      
      <p style = "margin: 10px 2% -10px; border:1px solid black;">
         top margin will be 10px, left and right margin will be 2% of the 
         total width of the document, bottom margin will be -10px
      </p>
      
      <p style = "margin: 10px 2% -10px auto; border:1px solid black;">
         top margin will be 10px, right margin will be 2% of the total 
         width of the document, bottom margin will be -10px, left margin 
         will be set by the browser
      </p>
   
   </body>
</html>

Questo produrrà il seguente risultato: