CSS içerik bulunan bir dikdörtgen bölgeyi biçimlendirme için yöntem sağlamaktadır. Bu yönteme Box Model (Kutu Modeli) adı verilmektedir. Burada aşağıdaki kavramlar kullanılmaktadır :
- İçerik (Content) : Asıl içeriğin olduğu bölüm
- Sınır (Border) : İçeriğin sınırı. Bir çizgi şeklinde olabilir.
- Padding : İçerik ile sınır çizgisi arasındaki mesafe
- Margin : Sınır ile dışındaki diğer görseller arasındaki mesafe (kutunun çevreye olan mesafeleri)
Padding ve Margin değerleri Sol, Sağ , Üst ve Alt taraf farklı şekilde değerler verilebilmektedir. Aşağıda kutu modelini gösteren resim görülmektedir :
Resimde T : Top (Üst) , L: Left (Sol) , R :Right (Sağ) , B Bottom (Alt), M :Margin , B:Border , P:Padding anlamlarında kullanılmıştır. Aşağıdaki gibi biçimler ile bir kutu oluşturulabilir:
margin :5px 5px 5px 5px;
padding:1px 1px 1px 1px;
border:1px solid gray;
