Kaskadowe arkusze stylów do formatowania wszystkich elementów wykorzystują model pudełka. W praktyce polega to na tym, że wszystkie elementy umieszczane są w dodatkowej przestrzeni o kształcie prostokątów (rysunek 8.1). W ramach każdego pudełka można kontrolować następujące właściwości:

• Marginesy — odstępy dzielące poszczególne elementy — pudełka.

• Obramowanie — linie rozdzielające marginesy i dopełnienie.

• Dopełnienia — odstępy pomiędzy elementem a otaczającą go ramką. Dopełnienia bardzo często nazywane są również marginesami wewnętrznymi.

• Szerokość.

• Wysokość.

Rysunek 8.1. Schemat pudełka

Oczywiście nic nie stoi na przeszkodzie, aby dla pojedynczego elementu określić wszystkie dostępne właściwości.

Marginesy

Margines to obszar występujący po zewnętrznej stronie obramowania elementu. Jest on obecny w każdym elemencie użytym na stronie WWW. Za pomocą CSS można kontrolować lewy, prawy, górny oraz dolny margines.

Lewy, prawy, górny i dolny margines