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 ගුණය,
පසුබිම සඳහා කෙටි යෙදුම් ගුණයක් ලෙස ක්‍රියා කරයි