কম্পিউটার

HTML DOM শৈলী ব্যাকগ্রাউন্ড অরিজিন প্রপার্টি


ব্যাকগ্রাউন্ড-অরিজিন প্রপার্টি ব্যাকগ্রাউন্ড অরিজিন অর্থাৎ এর আপেক্ষিক অবস্থান নির্ধারণ বা পেতে ব্যবহৃত হয়। এটি চারটি বক্স মডেল এলাকার যেকোনো একটির সাথে আপেক্ষিক হতে পারে।

সিনট্যাক্স

-এর সিনট্যাক্স নিচে দেওয়া হল

ব্যাকগ্রাউন্ড অরিজিন প্রপার্টি −

সেট করা হচ্ছে
object.style.backgroundOrigin ="প্যাডিং-বক্স|বর্ডার-বক্স|কন্টেন্ট-বক্স 

মান

উপরের সম্পত্তির মানগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -

Sr. No মান এবং বর্ণনা
1 প্যাডিং-বক্স
ব্যাকগ্রাউন্ড ইমেজ প্যাডিং বাক্সের সাপেক্ষে অবস্থান করার জন্য।
এটি ডিফল্ট মান।
ডিফল্ট মান। ব্যাকগ্রাউন্ড ইমেজটি প্যাডিং বাক্সের সাথে সম্পর্কিত।
2 বর্ডার-বক্স
সীমানা বাক্সের সাপেক্ষে ব্যাকগ্রাউন্ড ইমেজ অবস্থান করার জন্য।
3 সামগ্রী-বক্স
বিষয়বস্তু বক্স আপেক্ষিক পটভূমি ইমেজ অবস্থান আছে.
4 প্রাথমিক
এই সম্পত্তি প্রাথমিক মান সেট করার জন্য.
5 উত্তরাধিকার
পিতামাতার সম্পত্তির মান উত্তরাধিকার সূত্রে পাওয়া।

উদাহরণ

ব্যাকগ্রাউন্ড অরিজিন প্রপার্টি −

এর একটি উদাহরণ দেখা যাক

PowerBI টিউটোরিয়াল

পাওয়ারবিআই শিখুন...পাওয়ারবিআই শিখুন...পাওয়ারবিআই শিখুন...পাওয়ারবিআই শিখুন। ..LearnPowerBI...Learn PowerBI...Learn PowerBI...Learn PowerBI...Learn PowerBI...LearnPowerBI...Learn PowerBI...Learn PowerBI...Learn PowerBI...Learn PowerBI...

নিচের বোতামে ক্লিক করে উপরের div পটভূমির মূল পরিবর্তন করুন

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM শৈলী ব্যাকগ্রাউন্ড অরিজিন প্রপার্টি

চেঞ্জ অরিজিন বোতামে ক্লিক করলে -

HTML DOM শৈলী ব্যাকগ্রাউন্ড অরিজিন প্রপার্টি


  1. এইচটিএমএল ডম স্টাইল টেক্সট ডেকোরেশন কালার প্রপার্টি

  2. এইচটিএমএল ডম স্টাইল ট্রান্সফর্ম স্টাইল প্রপার্টি

  3. HTML DOM স্টাইল ট্রান্সফর্ম অরিজিন প্রপার্টি

  4. HTML DOM শৈলী উদ্ধৃতি সম্পত্তি