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 প্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রপার্টি