CSS da chegarani aylama qilish

Endi biz blokning burchaklarini aylana qilishni o'rganamiz. Buning uchun qiymatni pikselda qabul qiluvchi border-radius xususiyatidan foydalanish kerak.

Masalan, border-radiusni 10px bersak bu nimani anglatadi? Bu shu burchakka mos keladigan aylana radiusi.

Keling, blokning burchaklarini aylana qilamiz, unga border-radius 10px o'rnatamiz.

<div id="elem"></div>

#elem {
	width: 300px;
	height: 100px;
	border: 1px solid red;
	border-radius: 10px;
}