Yumaloq chegaralar

border-radius xususiyati elementga yumaloq chegaralar berish uchun ishlatiladi:

CSS

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

W3Schools online HTML editor

Ko'proq misollar

Tepa qism chegarasiga barcha xususiyatlarni bir qatorda berish Ushbu misol bitta deklaratsiyada tepa qismning chegarasiga barcha xususiyatlarni o'rnatish uchun shorthand xususiyatini ko'rsatib beradi.

Pastki qism chegarasi uchun stil berish Ushbu misol pastki qismning chegara stilini qanday berish kerakligini ko'rsatib beradi

Chap tomon chegarasining kengligini berish Ushbu misol chap tomonning chegara stilini qanday berish kerakligini ko'rsatib beradi

Barcha chegaralarga rang berish Ushbu misol 4ta chegaraning rangini qanday berish kerakligini ko'rsatib beradi. Unda 1tadan 4tagacha rang bo'lishi mumkin.

O'ng tomon chegarasiga rang berish Ushbu misol o'ng tomon chegarasining ranggini qanday berish kerakligini ko'rsatib beradi

Borderga aloqador barcha xususiyatlar

Xususiyat	Description
border	Barcha border xususiyatlarini bitta qatorda belgilaydi
border-bottom	Pastki chegaraning barcha xususiyatlarini bir qatorda belgilaydi
border-bottom-color	Pastki chegaraning rangini beradi
border-bottom-style	Pastki chegaraning stilini beradi
border-bottom-width	Pastki chegaraning kengligini beradi
border-color	Barcha chegarlarning rangini beradi
border-left	Chap chegaraning barcha xususiyatlarini bir qatorda beradi
border-left-color	Chap chegaraning rangini beradi
border-left-style	Chap chegaraning stilini beradi
border-left-width	Chap chegaraning kengligini beradi
border-radius	Chegara burchaklarini yumaloq qilish uchun barcha border-*-radius xususiyatlarini beradi
border-right	O'ng tomon chegrasiga barcha xususiyatlarni bir qatorda beradi
border-right-color	O'ng tomon chegarasining rangini beradi
border-right-style	O'ng tomon chegarasining stilini beradi
border-right-width	O'ng tomon chegarasining kengligini beradi
border-style	Barcha chegaralarning stilini beradi
border-top	Tepa qism chegarasiga barcha xususiyatlarni bir qatorda belgilaydi
border-top-color	Tepa qism chegarasining rangini belgilaydi
border-top-style	Tepa qism chegarasining stilini belgilaydi
border-top-width	Tepa qism chegarasining kengligini belgilaydi
border-width	Barcha chegaralarning kengligini belgilaydi