CSS Yumaloq Chegaralar

CSS border-radius xususiyati elementga yumaloq chegaralar qo'shish uchun ishlatiladi:

Oddiy chegara

Yumaloq chegara

Yumshoqroq chegara

Eng yumshoq chegara

Misol

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

CSS Chegara Xususiyatlari

border - Barcha chegara xususiyatlarini bitta deklaratsiyada belgilaydi
border-bottom - Pastki chegara uchun barcha xususiyatlarni bitta deklaratsiyada belgilaydi
border-bottom-color - Pastki chegara rangini belgilaydi
border-bottom-style - Pastki chegara uslubini belgilaydi
border-bottom-width - Pastki chegara kengligini belgilaydi
border-color - To'rt chegara rangini belgilaydi
border-left - Chap chegara uchun barcha xususiyatlarni bitta deklaratsiyada belgilaydi
border-left-color - Chap chegara rangini belgilaydi
border-left-style - Chap chegara uslubini belgilaydi
border-left-width - Chap chegara kengligini belgilaydi
border-radius - Yumaloq burchaklar uchun to'rt border-*-radius xususiyatlarini belgilaydi
border-right - O'ng chegara uchun barcha xususiyatlarni bitta deklaratsiyada belgilaydi
border-right-color - O'ng chegara rangini belgilaydi
border-right-style - O'ng chegara uslubini belgilaydi
border-right-width - O'ng chegara kengligini belgilaydi
border-style - To'rt chegara uslubini belgilaydi
border-top - Yuqori chegara uchun barcha xususiyatlarni bitta deklaratsiyada belgilaydi
border-top-color - Yuqori chegara rangini belgilaydi
border-top-style - Yuqori chegara uslubini belgilaydi
border-top-width - Yuqori chegara kengligini belgilaydi
border-width - To'rt chegara kengligini belgilaydi