CSS orqa rasm

<div style="background-image: url(https://placebear.com/90/90)">
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

Orqa rasm background-image xususiyati orqali belgilanadi. So'ng url(...) va qavslarni ichida rasmning manzili yoziladi. Kerak bo'lgan rasm kampitiringizda, index.html bilan bitta jildda joylashgan bo'lsa rasmning nomini yozasiz. Misol uchun background-image: url(oymuma.jpg). Misoldaka yozsangiz brauzeringiz oymuma.jpg rasmni index.html turgan jildida qidiradi. Topsa rasmni sahifangizda ko'rsatadi.

Orqa rasm qaytarilishi

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

background-repeat orqa rasm qaytarilish tarzini boshqaradi.

background-repeat: no-repeat - rasm qaytarilmaydi.
background-repeat: repeat-x - rasm faqat yotiq o'q bo'yicha qaytariladi.
background-repeat: repeat-y - rasm faqat tik o'q bo'yicha qaytariladi.
background-repeat: repeat - rasm qaytariladi. Odatiy qiymay.

Orqa rasm joylashuvi

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-position: center;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.
<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-position: bottom right;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

background-position orqa rasmning joylashuvini belgilaydi.

background-position: center orqa rasmni markazga joylash.
background-position: center top orqa rasmni yotiq o'q bo'yicha markazga va tik o'q bo'yicha tepaga joylash.
background-position: right center orqa rasmni yotiq o'q bo'yicha o'nga va tik o'q bo'yicha markazga joylash.
background-position: bottom left orqa rasmni pastga chapga joylash.
background-position: bottom right orqa rasmni pastga o'nga joylash.

background-position: 300px orqa rasmni o'nga 300px ga va pastga 300px ga joylash.
background-position: 300px 200px orqa rasmni o'nga 300px ga va pastga 200px ga pastga joylash.

background-position: 20% orqa rasmni o'nga 20% ga va pastga 20% ga joylash.
background-position: 20% 40% orqa rasmni o'nga 20% ga va pastga 40% ga pastga joylash.

Orqa rasmning o'lchami

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: 120px;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.
<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: 300px 120px;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

background-size orqa rasmning kattaligini belgilaydi.

background-size: 100px - orqa rasmning eni 100px, bo'yi 100px.
background-size: 100px 200px - orqa rasmning eni 100px, bo'yi 200px.
background-size: 50% - orqa rasmning eni unsur enining 50 foiziga teng. Va orqa rasmning bo'yi ham unsur enining 50 foiziga teng.
background-size: 50% 25% - orqa rasmning eni unsur enining 50 foiziga teng. Va orqa rasmning bo'yi unsur enining 25% foiziga teng.

Orqa rasm o'lchami - sig'dirmoq

background-size: contain - orqa rasm unsurning ichiga to'liq sig'adi. Kerak bo'lsa u kichrayadi, kerak bo'lsa kattayadi. Chetlarda bo'sh joy qolishi mumkin.

Misol.

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: contain"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

Orqa rasm o'lchami - qoplamoq

background-size: cover - unsur orqa rasm bilan to'liq qoplanadi, unsurning ichiga orqa rasmsiz bo'sh joy qolmaydi. Kerak bo'lsa rasm kichrayadi, kerak bo'lsa kattayadi. Rasmning chetlari qirqib tashlanishi mumkin.

Misol.

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: cover"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

Yuqoridagi misolda ko'rib turganingizday, rasm unsurni to'la qoplab olgan. Lekin rasmning pastgi qismi qirqib tashlangan.

Ko'p qo'llanadigan usul

Yuqoridagi misolni sal chiroyliroq qilsa bo'ladi.

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;"
>
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
    Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz
    oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt
    besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti
    yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn
    bir ikki uch toʻrt besh olti yetti sakkiz.
</div>
Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz. Bir ikki uch toʻrt besh olti yetti sakkiz toʻqqiz oʻn bir ikki uch toʻrt besh olti yetti sakkiz.

background-size: cover bilan background-position: center birga qo'llansa yaxshi samarani beradi.

Mart kerak bo'lmasa quyidagacha yozsa bo'ladi.

<div style="
    background-image: url(https://placebear.com/90/90);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;"
></div>

height yozsa bo'ladi. Piksellardan, foizlardan, vh dan odamlar foydalanishadi.