# Yumaloq chegaralar

<mark style="color:red;">`border-radius`</mark> xususiyati elementga yumaloq chegaralar berish uchun ishlatiladi:

<figure><img src="https://1205461495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqA16xzuzJkS1GYbYJ5OX%2Fuploads%2Fgit-blob-f612b2d3382edde9d3baaf30fc7f062b2583c451%2Fimage%20(199).png?alt=media" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="CSS" %}

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

{% embed url="<https://www.w3schools.com/css/tryit.asp?filename=trycss_border_round>" %}
{% endtab %}
{% endtabs %}

## <mark style="color:green;">Ko'proq misollar</mark>

[<mark style="color:green;">Tepa qism chegarasiga barcha xususiyatlarni bir qatorda berish</mark>](https://www.w3schools.com/css/tryit.asp?filename=trycss_border-top)\
Ushbu misol bitta deklaratsiyada tepa qismning chegarasiga barcha xususiyatlarni o'rnatish uchun shorthand xususiyatini ko'rsatib beradi.

[<mark style="color:green;">Pastki qism chegarasi uchun stil berish</mark>](https://www.w3schools.com/css/tryit.asp?filename=trycss_border-bottom-style)\
Ushbu misol pastki qismning chegara stilini qanday berish kerakligini ko'rsatib beradi

[<mark style="color:green;">Chap tomon chegarasining kengligini berish</mark>](https://www.w3schools.com/css/tryit.asp?filename=trycss_border-left-width)\
Ushbu misol chap tomonning chegara stilini qanday berish kerakligini ko'rsatib beradi

[<mark style="color:green;">Barcha chegaralarga rang berish</mark>](https://www.w3schools.com/css/tryit.asp?filename=trycss_border-color)\
Ushbu misol 4ta chegaraning rangini qanday berish kerakligini ko'rsatib beradi. Unda 1tadan 4tagacha rang bo'lishi mumkin.

[<mark style="color:green;">O'ng tomon chegarasiga rang berish</mark>](https://www.w3schools.com/css/tryit.asp?filename=trycss_border-right-color)\
Ushbu misol o'ng tomon chegarasining ranggini qanday berish kerakligini ko'rsatib beradi

### <mark style="color:green;">Borderga aloqador barcha xususiyatlar</mark> <a href="#barcha-css-border-xususiyatlari" id="barcha-css-border-xususiyatlari"></a>

| Xususiyat                                                                          | Description                                                                               |
| ---------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| [border](https://www.w3schools.com/cssref/pr_border.asp)                           | Barcha border xususiyatlarini bitta qatorda belgilaydi                                    |
| [border-bottom](https://www.w3schools.com/cssref/pr_border-bottom.asp)             | Pastki chegaraning barcha xususiyatlarini bir qatorda belgilaydi                          |
| [border-bottom-color](https://www.w3schools.com/cssref/pr_border-bottom_color.asp) | Pastki chegaraning rangini beradi                                                         |
| [border-bottom-style](https://www.w3schools.com/cssref/pr_border-bottom_style.asp) | Pastki chegaraning stilini beradi                                                         |
| [border-bottom-width](https://www.w3schools.com/cssref/pr_border-bottom_width.asp) | Pastki chegaraning kengligini beradi                                                      |
| [border-color](https://www.w3schools.com/cssref/pr_border-color.asp)               | Barcha chegarlarning rangini beradi                                                       |
| [border-left](https://www.w3schools.com/cssref/pr_border-left.asp)                 | Chap chegaraning barcha xususiyatlarini bir qatorda beradi                                |
| [border-left-color](https://www.w3schools.com/cssref/pr_border-left_color.asp)     | Chap chegaraning rangini beradi                                                           |
| [border-left-style](https://www.w3schools.com/cssref/pr_border-left_style.asp)     | Chap chegaraning stilini beradi                                                           |
| [border-left-width](https://www.w3schools.com/cssref/pr_border-left_width.asp)     | Chap chegaraning kengligini beradi                                                        |
| [border-radius](https://www.w3schools.com/cssref/css3_pr_border-radius.asp)        | Chegara burchaklarini yumaloq qilish uchun barcha border-\*-radius xususiyatlarini beradi |
| [border-right](https://www.w3schools.com/cssref/pr_border-right.asp)               | O'ng tomon chegrasiga barcha xususiyatlarni bir qatorda beradi                            |
| [border-right-color](https://www.w3schools.com/cssref/pr_border-right_color.asp)   | O'ng tomon chegarasining rangini beradi                                                   |
| [border-right-style](https://www.w3schools.com/cssref/pr_border-right_style.asp)   | O'ng tomon chegarasining stilini beradi                                                   |
| [border-right-width](https://www.w3schools.com/cssref/pr_border-right_width.asp)   | O'ng tomon chegarasining kengligini beradi                                                |
| [border-style](https://www.w3schools.com/cssref/pr_border-style.asp)               | Barcha chegaralarning stilini beradi                                                      |
| [border-top](https://www.w3schools.com/cssref/pr_border-top.asp)                   | Tepa qism chegarasiga barcha xususiyatlarni bir qatorda belgilaydi                        |
| [border-top-color](https://www.w3schools.com/cssref/pr_border-top_color.asp)       | Tepa qism chegarasining rangini belgilaydi                                                |
| [border-top-style](https://www.w3schools.com/cssref/pr_border-top_style.asp)       | Tepa qism chegarasining stilini belgilaydi                                                |
| [border-top-width](https://www.w3schools.com/cssref/pr_border-top_width.asp)       | Tepa qism chegarasining kengligini belgilaydi                                             |
| [border-width](https://www.w3schools.com/cssref/pr_border-width.asp)               | Barcha chegaralarning kengligini belgilaydi                                               |