CSS model kutije (box model)

Kada koristimo CSS, zgodno je svaki element na stranici posmatrati kao da se nalazi u kutiji. Svaki sadržaj se nalazi unutar tri veća okvira, a ceo skup od četiri okvira se zove CSS box model.

U unutrašnjem okviru se nalazi sadržaj elementa. Okružuju ga unutrašnji razmak (padding), ivica i margina. Razvojne alatke pregledača će prikazati model kutije za element, tako da možemo videti njegovu trenutnu veličinu, zajedno sa ivicom, marginom i razmakom. Pomoću alatke Inspect biramo element na stranici.