I 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.