Xüsusiyyət background-attachment

background-attachment xüsusiyyəti elementin fon şəklinin necə sürüşdürüləcəyini təyin edir: mətnlə birlikdə və ya mətn şəklin üzərində sürüşəcək.

Sintaksis

selektor {
	background-attachment: fixed | scroll | local;
}

Qiymətlər

Qiymət	Təsvir
`fixed`	Fon şəkli hərəkətsiz qalacaq, mətn isə onun üzərində sürüşəcək.
`scroll`	Fon şəkli mətnlə birlikdə sürüşdürüləcək.
`local`	Fon elementin davranışı nəzərə alınmaqla bərkidilir. Əgər elementin sürüşdürülməsi varsa, onda fon məzmunla birlikdə sürüşdürüləcək, lakin elementin xaricində qalan fon yerində qalır.

Standart qiymət: scroll.

Nümunə . Scroll qiyməti

İndi background-attachment xüsusiyyəti scroll qiymətinə təyin edilib. Elementi şaquli olaraq sürüşdürün - mətni fonla birlikdə necə sürüşdürdüyünü görəcəksiniz:

<body>
	<div id="elem">
		some long text
	</div>
</body>

body {
	background-attachment: scroll;
	background-image: url("bg.png");
}

#elem {
	width: 400px;
	margin: 0 auto;
	text-align: justify;
	font-weight: bold;
	font-size: 20px;
}

Nümunə . Fixed qiyməti

İndi isə background-attachment xüsusiyyəti fixed qiymətinə təyin edilib. Elementi şaquli olaraq sürüşdürün - mətni fonun üzərində necə sürüşdüyünü görəcəksiniz:

<body>
	<div id="elem">
		some long text
	</div>
</body>

body {
	background-attachment: fixed;
	background-image: url("bg.png");
}

#elem {
	width: 400px;
	margin: 0 auto;
	text-align: justify;
	font-weight: bold;
	font-size: 20px;
}

Həmçinin baxın

background xüsusiyyəti,
fon üçün qısa xüsusiyyəti təmsil edir