বৈশিষ্ট্য background-position-x

বৈশিষ্ট্য background-position-x একটি উপাদানের ব্যাকগ্রাউন্ড ছবির অনুভূমিক অবস্থান নির্ধারণ করে।

বৈশিষ্ট্যটি নিম্নলিখিত মানগুলি নিতে পারে: left, center, right, এবং শতাংশ বা পিক্সেলেও ব্যাকগ্রাউন্ডের অবস্থান নির্দিষ্ট করা যেতে পারে।

সিনট্যাক্স

cssসিলেক্টর {
  background-position-x: মান;
}

উদাহরণ

আসুন ব্যাকগ্রাউন্ডের ছবিটি অনুভূমিকভাবে বামে অবস্থান করাই:

html<div id="elem"></div>

css#elem {
  background-position-x: left;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এবং এখন ব্যাকগ্রাউন্ডকে ডানদিকে স্থানান্তরিত করি:

html<div id="elem"></div>

css#elem {
  background-position-x: right;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

আসুন ব্যাকগ্রাউন্ডের ছবিটি কেন্দ্রে স্থাপন করি:

html<div id="elem"></div>

css#elem {
  background-position-x: center;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এবং এখন শতাংশে ব্যাকগ্রাউন্ডের জন্য অবস্থান নির্দিষ্ট করি:

html<div id="elem"></div>

css#elem {
  background-position-x: 20%;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

আরও দেখুন