background-image hassa

background-image hassasy element üçin fon suratyny belleýär. Bellenilýän ýagdaýda surat öz nusgalary bilen tutuş blogy öz içine alar, ýöne bu hereketi background-repeat hassasy ýardamy bilen ýatyryp bolýar.

Sintaksis

selektor {
	background-image: url(surat ýoly);
}

selektor {
	background-image: none;
}

Mazmunlar

Mazmun	Düşündiriş
`url`	Surat faýlyna ýol. Suratyň ady goşa dyrnakda, ýekeje dyrnakda ýa-da umuman dyrnaksyz bolup bilýär.
`none`	Element üçin fon suratyny ýatyryar.

Bellenilýän ýagdaýdaky mazmun: none.

Mysal

background-image ýardamy bilen fon suratyny belleyäris, onuň gaýtalanmagyny background-repeat hassasy ýardamy bilen gadagan edäris:

<div id="elem"></div>

#elem {
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 3px solid black;
}

Mysal

background-repeat bolmasa fon suraty tutuş blogy öz içine alar:

<div id="elem"></div>

#elem {
	background-image: url("bg.png");
	width: 400px;
	height: 300px;
	border: 3px solid black;
}

Mysal

Bir wagtyň özünde fon suratyny belläp we background-color ýardamy bilen fon reňkini belläp bolýar. Bu ýagdaýda, fon suraty bolmadyk ýerde fon reňki görüner:

<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;
}

Şeýle-de görüň

background hassasy,
fon üçin gysgaldylan hassa görnüşinde