CSS'de bir kutu şekillendirmek için aşağıdaki özellikler kullanılır:
- Content (İçerik): Kutunun asıl içeriğini (metin, resim vb.) içerir ve width ve height özellikleriyle boyutlandırılır 13.
- Padding: İçerik ile kenarlık (border) arasındaki boşluktur ve padding özelliğiyle kontrol edilir 13.
- Border: Kutunun sınırlarını belirler, stil, renk ve kalınlık border özelliğiyle ayarlanabilir 13.
- Margin: Kutunun etrafındaki dış boşluktur ve diğer öğelerden ne kadar uzak olacağını belirler 13.
Örnek bir kutu şekillendirme kodu:
.kutu { width: 300px; height: 200px; padding: 20px; border: 5px solid black; margin: 15px; } ``` [1](https://furkanmorova.com/css-kutu-modeli-box-model/).
5 kaynaktan alınan bilgiyle göre: