Yumaloq hoshiyalar

CSS yumaloq chegaralar

border-radius xossasi elementga yumaloq chegaralar qo‘shish uchun ishlatiladi:

Normal border

Round border

Rounder border

Roundest border

p {
border: 2px solid red;
border-radius: 5px;
}

Yuqori chegara xossalarining hammasi bitta deklaratsiyada
Ushbu misol bitta deklaratsiyada yuqori chegara uchun barcha xossalarni o‘rnatish uchun qisqartma xossani ko‘rsatadi.

Pastki chegara uslubini belgilash Bu misol pastki chegara uslubini belgilashni ko‘rsatadi.

Chap chegara kengligini belgilash Bu misol chap chegara kengligini belgilashni ko‘rsatadi.

To‘rtta chegara rangini belgilash Ushbu misol to‘rtta chegara rangini qanday o‘rnatishni ko‘rsatadi. U birdan to‘rt ranggacha bo‘lishi mumkin.

O‘ng chegara rangini belgilash
Ushbu misol o‘ng chegara rangini qanday belgilashni ko‘rsatadi.

Xususiyat	Tavsif
border	Barcha chegara xususiyatlarini bitta deklaratsiyada o‘rnatadi
border-bottom	Barcha pastki chegara xususiyatlarini bitta deklaratsiyada o‘rnatadi
border-bottom-color	Pastki chegara rangini o‘rnatadi
border-bottom-style	Pastki chegara uslubini o‘rnatadi
border-bottom-width	Pastki chegaraning kengligini o‘rnatadi
border-color	To‘rtta chegara rangini o‘rnatadi
border-left	Barcha chap chegara xususiyatlarini bitta deklaratsiyada o‘rnatadi
border-left-color	Chap chegara rangini o‘rnatadi
border-left-style	Chap chegaraning uslubini o‘rnatadi
border-left-width	Chap chegaraning kengligini o‘rnatadi
border-radius	Dumaloq burchaklar uchun to‘rtta chegara-*-radius xususiyatlarini o‘rnatadi
border-right	Barcha to‘g‘ri chegara xususiyatlarini bitta deklaratsiyada o‘rnatadi
border-right-color	O‘ng chegara rangini o‘rnatadi
border-right-style	O‘ng chegara uslubini o‘rnatadi
border-right-width	O‘ng chegaraning kengligini o‘rnatadi
border-style	To‘rt chegaraning uslubini o‘rnatadi
border-top	Barcha yuqori chegara xususiyatlarini bitta deklaratsiyada o‘rnatadi
border-top-color	Yuqori chegara rangini o‘rnatadi
border-top-style	Yuqori chegara uslubini o‘rnatadi
border-top-width	Yuqori chegaraning kengligini o‘rnatadi
border-width	To‘rtta chegaraning kengligini o‘rnatadi

Yutuqlaringizni kuzating – bu bepul!