# 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="" %}