Style objectPosition বৈশিষ্ট্য

সংজ্ঞা ও ব্যবহার

objectPosition প্রয়োগ করা হয় <img> বা <video> কিভাবে তার নিজস্ব কন্টেন্ট বক্সে স্থাপন করা হবে。

অন্যান্য উল্লেখ:

CSS শিক্ষাক্রমCSS object-fit

CSS পরিচ্ছেদকobject-position বৈশিষ্ট্য

উদাহরণ

ছবির মাপ যথাযথভাবে সজ্জিত করে, এবং তা কন্টেন্ট বক্সের ডানদিকে 5px এবং শীর্ষে 10% অবস্থানে স্থাপন করুন:

document.getElementById("myImg").style.objectPosition = "0 10%";

আপনার নিজেই প্রয়োগ করুন

গ্রামাটিক্স

objectPosition বৈশিষ্ট্য ফলাফল নিন:

অবজেক্ট.style.objectPosition

objectPosition বৈশিষ্ট্য সংযোজন করুন:

অবজেক্ট.style.objectPosition = "পদ্ধতি|ইনিশিয়াল|ইনহেরিট"

বৈশিষ্ট্য মান

মান বর্ণনা
পদ্ধতি

ছবি বা ভিডিওকে তার কন্টেন্ট বক্সের অবস্থানকে নির্দেশ করে。

প্রথম মানটি x-অক্ষকে নিয়ন্ত্রণ করে, দ্বিতীয় মানটি y-অক্ষকে নিয়ন্ত্রণ করে。

স্ট্রিং (লেফট, সেন্টার বা রাইট) বা সংখ্যা (পিক্সেল বা % ইউনিটে) হতে পারে。

নেতিবাচক মানগুলির অনুমতি দেওয়া হয়েছে。
ইনিশিয়াল এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে নিন। দেখুন ইনিশিয়াল。
ইনহেরিট এই বৈশিষ্ট্যটি পারস্পরিক উপাদান থেকে উত্তরাধিকার নেয়। দেখুন ইনহেরিট。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 50% 50%
ফলাফল: স্ট্রিং বা সংখ্যা, যা উপাদানটির কন্টেন্ট বক্সের অবস্থানকে নির্দেশ করে。
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

সারাংশে নম্বর এই প্রক্রিয়াটির প্রথম পূর্ণাঙ্গ সমর্থনকারী ব্রাউজারের সংস্করণ উল্লেখ করা হয়েছে。

ক্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
ক্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
31.0 16.0 36.0 10.1 19.0