CSS Box modeli - bu chegaralar, chekka, to‘ldirish va tarkibning o‘zi kabi bir nechta xususiyatlarni o‘z ichiga olgan konteyner. U veb-sahifalarning dizayni va tartibini yaratish uchun ishlatiladi. U turli elementlarning tartibini sozlash uchun asboblar to‘plami sifatida ishlatilishi mumkin. Veb-brauzer har bir elementni CSS qutisi modeliga muvofiq to‘rtburchaklar quti sifatida ko‘rsatadi.
Box-Model CSS-da bir nechta xususiyatlarga ega. Ulardan ba’zilari quyida keltirilgan:
kontent: Bu matn, tasvirlar yoki boshqa media shakllari ko‘rinishidagi haqiqiy ma’lumotlarni o‘z ichiga oladi va ular kenglik va balandlik xususiyati yordamida o‘lchamlari olinadi.
padding: Bu xususiyat element atrofida, har qanday belgilangan chegara ichida bo‘sh joy yaratish uchun ishlatiladi.
chegara: Bu xususiyat tarkibni va har qanday to‘ldirishni qoplash uchun ishlatiladi, shuningdek, chegara uslubi, rangi va kengligini o‘rnatishga imkon beradi.
margin: Bu xususiyat element atrofida bo‘sh joy yaratish uchun ishlatiladi, ya'ni chegara maydoni atrofida.
