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 Il box model

Il box model Stampa E-mail
Scritto da Vincenzo   

Box model cssI documenti X(html) sono un insieme di box rettangolari, costituiti da elementi di blocco o elementi inline.  Per tutto l'insieme di queste le regole che gestiscono l’aspetto di tali elementi viene fatto riferimento al box model.

Il margine è uno spazio che separa un elemento dall’altro.

Il bordo e una linea (di cui possono essere definite le dimensioni, il colore e lo stile)  che circonda la zona dei contenuti ed il padding.

Il padding è uno spazio che separa il bordo dal contenuto del box.

L’area dei contenuti e lo spazio in cui viene visualizzato il contenuto del box, le sue dimensioni possono essere modificate tramite le proprietà width (larghezza) ed height (altezza).

E’ importante non confondere la larghezza del box con la larghezza dell’area dei contenuti, infatti la larghezza dell’area dei contenuti è definita dalla proprietà width mentre la larghezza effettiva del box è costituita dall’insieme delle dimensioni dei margini, dei bordi, del padding e dell’area dei contenuti.

Se alle proprietà margin, width e height viene impostato il valore “auto” si stà indicando al browser di calcolare la distanza automatica in base alle dimensioni della finestra e alla risoluzione dello schermo, la stessa cosa accade se la dichiarazione di questi valori viene omessa. I margini inoltre, possono anche avere un valore negativo.

 
< Prec.   Pros. >


Feed Rss


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