I margini | Guida ai fogli di stile

domenica 23 novembre 2008

Web agency
Realizzazione siti web

Risorse

Sfondi per siti web

Menù

Login Form

Home

Css

Guida ai fogli di stile

I margini

I margini

Scritto da Vincenzo

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.