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

background xususiyati,
fon uchun qisqartirilgan xususiyat hisoblanadi