Animal Trading cards

28. Foizlar

Keyingi-savolga javob berishda foydalanish mumkin bo‘lganrasm:
1-savol

Aytaylik, elementda width xossasidan foydalanamiz, masalan: width: 50%; Elementning quti modelining qaysi qismiga ta‘sir bo‘ladi?

Izoh:
Width xossasi faqat tarkibning kengligini o‘zgartiradi. Ichki chegara(padding), chegara(border) va tashqi chegara(margin) bundan oldin width:50% yozgan xossamizga kiritilmagan (shuning uchun ular(padding, border, margin) qutining yon tomonlariga qo‘shimcha kenglik qo‘shishadi!).
Foizlarni tushunish
Bu yerda "HTML" bilan bir nechta "CSS" kodlar mavjud. Quyidagi-savolga javob berish uchun undan foydalaning!

This box has a box inside!

How wide is the inner box,
including its border?

2-savol
Ushbu-savolga javob berish uchun yuqoridagi "HTML" va "CSS"dan foydalaning.
Ichki quti, chegarasini hisobga olgan holda, qanchalik keng bo‘ladi?

Izoh:
Ichki qutining tarkibi tashqi qutining kengligidan 50%, ya’ni 150px(piksel)ni tashkil qiladi. Ammo chegara(border) kengligi umumiy 10px - chapga 5px va o‘ng tomonga 5px qo‘shadi.