> For the complete documentation index, see [llms.txt](https://cyberacademyuz.gitbook.io/w3schools/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cyberacademyuz.gitbook.io/w3schools/html/boshlash/rasmlar/orqafon-rasmlar.md).
# Orqafon rasmlar
## HTML elementining orqafon rasmi
HTML elementiga orqa fon rasm berish uchun HTMLning `style` attributidan va CSSning `background-img` xususiyatidan foydalaniladi:
{% code title="Elementga orqa fon rasm qo" %}
```html
```
{% endcode %}
Bundan tashqari, `` qismida `
```
{% endcode %}
{% embed url="" %}
## Sahifaning orqafon rasmi
Agar butun sahifaning orqafoniga rasm qo'yishni hohlsangiz, rasmni `` elementiga berishingiz kerak:
{% code title="Butun sahifa uchun orqafon rasm qo" %}
```html
```
{% endcode %}
{% embed url="" %}
## Background repeat
Agar rasm elementdan kichik bo'lsa, u elementning ohiriga borguncha gorizontal va vertikal shaklda takrorlanaveradi.
```html
```
{% embed url="" %}
Orqafon rasm takrorlanmasligi uchun `background-repeat` xususiyatiga `no-repeat` qiymatini bering.
```html
```
{% embed url="" %}
## Background cover
Agar orqafon rasmi butun elementni qamrab olishini istasangiz, `background-size` xususiyatiga `cover` qiymatini berishingiz mumkin.
Bundan tashqari, butun element har doim qamrab olingan holatda ekanligiga ishonchingiz komil bo'lishi uchun `background-attachment`xususiyatiga `fixed` qiymatini bering.
Shunday qilib, orqafon rasmi cho'ziln ketmasdan butun elementni qamrab oladi (rasm asl holatini saqlab qoladi):
```html
```
{% embed url="" %}
## Background Stretch
Agar fon rasmi butun elementga mos turishini xohlasangiz, `background-size` xususiyatiga `100% 100%` qiymatlarini berishingiz mumkin.
Brauzer oynasining o'lchamini o'zgartirib ko'ring va rasmning cho'zilayotganiga guvoh bo'lasiz, lekin u har doim butun elementni qamrab turadi.
```html
```
{% embed url="" %}