background-attachment প্রপার্টি

background-attachment প্রপার্টি নির্ধারণ করে একটি এলিমেন্টের ব্যাকগ্রাউন্ড ইমেজ কীভাবে স্ক্রল করবে: টেক্সটের সাথে নাকি টেক্সট ইমেজের উপর দিয়ে স্লাইড করবে।

সিনট্যাক্স

cssসিলেক্টর {
  background-attachment: fixed | scroll | local;
}

মানসমূহ

ডিফল্ট মান: scroll।

উদাহরণ . scroll মান

বর্তমানে background-attachment প্রপার্টি scroll মানে সেট করা আছে। এলিমেন্টটি উল্লম্বভাবে স্ক্রল করুন - আপনি দেখবেন কিভাবে টেক্সট ব্যাকগ্রাউন্ডের সাথে一緒ে স্ক্রল হয়:

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

cssbody {
  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 মানে সেট করা আছে। এলিমেন্টটি উল্লম্বভাবে স্ক্রল করুন - আপনি দেখবেন কিভাবে টেক্সট ব্যাকগ্রাউন্ডের উপর দিয়ে স্লাইড করে:

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

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

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

Результат:

আরও দেখুন