Add to Google Reader or Homepage

domenica 23 novembre 2008

Advertisement
Web agency
Realizzazione siti web


Menù

Home
Html & XHtml
Css
Javascript
Php
Motori di ricerca
Contatti

Login Form






Password dimenticata?
Nessun account? Registrati


Home arrow Css arrow Guida ai fogli di stile arrow I margini

I margini Stampa E-mail
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.

 
< Prec.   Pros. >


Feed Rss


Corso CSS e XHTML
Web Design ed Accessibilità secondo il W3C.Corso con tutor ed attestato finale!