Rientrano, all’interno di questa categoria, le proprietà relative ai margini e al padding di un elemento

• Margine Alto/Basso/Destro/Sinistro
• Padding Alto/Basso/Destro/Sinistro

Parlando di margini e padding è bene fare alcuni accenni al cosiddetto box-model ossia quell’insieme di regole che gestisce l’aspetto e l’ingombro di un elemento all’interno di una pagina web.

Ogni Componente inserito all’interno della pagina corrisponde ad un box che comprende un certo numero di elementi di base, ciascuno modificabile attraverso una corrispondente proprietà CSS. La figura di seguito riportata mostra visivamente tali elementi

• l'area del contenuto. E' la zona in cui trova spazio il contenuto vero e proprio, testo, immagini ecc…. Le dimensioni orizzontali dell'area possono essere modificate con la proprietà width. Quelle verticali con height.
• il padding. E' uno spazio vuoto che può essere creato tra l'area del contenuto e il bordo dell'elemento. Come si vede dalla figura, se si imposta un colore di sfondo per un elemento questo si estende dall'area del contenuto alla zona di padding.
• il bordo. E' una linea di dimensione, stile e colore variabile che circonda la zona del padding e l'area del contenuto.
• il margine. E' uno spazio di dimensioni variabili che separa un dato elemento da quelli adiacenti.