I margini

Tramite i fogli di stile è possibile definire il margine tra il bordo di un elemento e il suo elemento contenitore o la finestra del browser. Le proprietà con le quali è possibile impostare i margini sono cinque, una per ogni lato, ed una per definire in una sola dichiarazione le impostazioni di tutti i lati. Tali proprietà si applicano a tutti gli elementi e non sono ereditate. I valori possono essere espressi tramite diverse sintassi:

• unità di misura con valori assoluti.
• percentuale: In base alla larghezza dell’elemento contenitore, ma solo nel caso in cui quest’ultimo abbia già un’altezza dichiarata altrimenti si comporta come il valore auto.
• auto: Valore di default che solitamente corrisponde a 0px.

margin-top

Serve ad impostare il margine superiore.

div{margin-top:5px;}

margin-right

Serve ad impostare il margine sinistro.

div{margin-right:5px;}

margin-bottom

Serve ad impostare il margine inferiore.

div{margin-bottom:5px;}

margin-left

Serve ad impostare il margine destro.

div{margin-left:5px;}

margin

Questa proprietà serve per impostare il margine di tutti i lati e la lettura del valore di ogni lato và interpretata in senso orario, partendo dal margine superiore:

div{margin: 5px 4px 6px 10px;}

per centrare il box all’interno della pagina o dell’elemento contenitore si devono attribuire i valori auto al bordo destro e a quello sinistro.

Popularity: 5% [?]

Vuoi essere sempre aggiornato???  Iscriviti  ai feed o invia un  trackback