Background-image xususiyati
background-image xususiyati element uchun orqa fon
rasmini belgilaydi. Standart holatda rasm
o'z nusxalari bilan butun blokni qoplaydi, biroq,
bu xatti-harakatni background-repeat
xususiyati yordamida bekor qilish mumkin.
Sintaksis
selector {
background-image: url(rasmga yo'l);
}
selector {
background-image: none;
}
Qiymatlar
| Qiymat | Ta'rif |
|---|---|
url |
Rasm fayliga yo'l. Rasm nomi qo'sh tirnoq ichida, bitta tirnoq ichida yoki umuman tirnoqsiz bo'lishi mumkin. |
none |
Element uchun orqa fon rasmini bekor qiladi. |
Standart qiymat: none.
Misol
background-image yordamida orqa fon rasmini belgilaymiz,
uning takrorlanishini background-repeat
xususiyati yordamida taqiqlaymiz:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Misol
background-repeat bo'lmaganda orqa fon rasm
butun blokni qoplaydi:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Misol
Bir vaqtning o'zida orqa fon rasmni belgilash
va background-color yordamida
orqa fon rangini belgilash mumkin.
Bunda, orqa fon rasm bo'lmagan joylarda
orqa fon rangi ko'rinadi:
<div id="elem"></div>
#elem {
background-color: orange;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Shuningdek qarang
-
backgroundxususiyati,
fon uchun qisqartirilgan xususiyat hisoblanadi