background-attachment հատկությունը

background-attachment հատկությունը սահմանում է, թե ինչպես ոլորել տարրի ֆոնային նկարը. տեքստի հետ միասին, թե տեքստը կսահի նկարի վրայով:

Շարահյուսություն

ընտրիչ {
	background-attachment: fixed | scroll | local;
}

Արժեքներ

Արժեք	Նկարագրություն
`fixed`	Ֆոնի նկարը կլինի անշարժ, իսկ տեքստը կսահի դրա վրայով:
`scroll`	Ֆոնի նկարը կոլորվի տեքստի հետ միասին:
`local`	Ֆոնը ամրագրվում է՝ հաշվի առնելով տարրի վարքագիծը: Եթե տարրն ունի ոլորում, ապա ֆոնը կոլորվի բովանդակության հետ միասին, բայց տարրի սահմաններից դուրս եկող ֆոնը մնում է տեղում:

Լռելյայն արժեքը՝ scroll:

Օրինակ . scroll արժեքը

Այժմ background-attachment հատկությունը սահմանված է scroll արժեքով: Ոլորեք տարրը ուղղահայաց՝ դուք կտեսնեք, թե ինչպես է տեքստը ոլորվում ֆոնի հետ միասին:

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

Օրինակ . fixed արժեքը

Իսկ այժմ background-attachment հատկությունը սահմանված է fixed արժեքով: Ոլորեք տարրը ուղղահայաց՝ դուք կտեսնեք, թե ինչպես է տեքստը սահում ֆոնի վրայով:

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

Տես նաև

background հատկությունը,
որը ֆոնի համար նախատեսված հապավումային հատկություն է