background-attachment xususiyati

background-attachment xususiyati element fon rasmini qanday aylantirishni belgilaydi: matn bilan birga yoki matn rasm ustida sirgʻalgan holda.

Sintaksis

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

Qiymatlar

Qiymat	Tavsif
`fixed`	Fon rasmi harakatsiz boʻladi, matn esa uning ustida sirgʻaladi.
`scroll`	Fon rasmi matn bilan birga aylanadi.
`local`	Fon elementning xatti-harakatlarini hisobga olgan holda mahkamlanadi. Agar element aylantirishga ega boʻlsa, fon tarkib bilan birga aylanadi, lekin element chegarasidan tashqariga chiqadigan fon joyida qoladi.

Standart qiymat: scroll.

Misol . scroll qiymati

Hozir background-attachment xususiyati scroll qiymatiga o'rnatilgan. Elementni vertikal aylantiring - siz matn fon bilan birga qanday aylanishini ko'rasiz:

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

Misol . fixed qiymati

Endi esa background-attachment xususiyati fixed qiymatiga o'rnatilgan. Elementni vertikal aylantiring - siz matn fon ustida qanday sirgʻalayotganini ko'rasiz:

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

Shuningdek qarang

background xususiyati,
fon uchun qisqartma xususiyat hisoblanadi