خصوصية Style objectPosition
- الصفحة السابقة objectFit
- الصفحة التالية opacity
- العودة إلى الطبقة السابقة مفهوم Style HTML DOM
التعريف والاستخدام
objectPosition الخصوصية تستخدم لتحديد <img> أو <video> كيفية تحديد المواقع داخل نطاق محتواه الخاص به.
انظر أيضًا:
دليل CSS التعليمي:CSS object-fit
دليل CSSخصوصية object-position
مثال
اضبط حجم الصورة لتتناسب مع نطاق محتواه، وضع الصورة داخل نطاق المحتوى بتباعد 5px إلى اليسار و10% من الاعلى:
document.getElementById("myImg").style.objectPosition = "0 10%";
النحو
استرداد خصوصية objectPosition:
object.style.objectPosition
إعداد خصوصية objectPosition:
object.style.objectPosition = "position|initial|inherit"
قيمة الخصوصية
| القيمة | وصف |
|---|---|
| position |
يحدد موقع الصورة أو الفيديو داخل نطاق محتواه. القيمة الأولى تتحكم في المحور x، والقيمة الثانية تتحكم في المحور y. يمكن أن يكون سلسلة (اليسار، الوسط أو اليمين) أو عدد (بأوحدة px أو %). يُسمح بالقيم السلبية. |
| initial | يُضبط هذا الخصوصية إلى قيمته الافتراضية. انظر initial. |
| inherit | يرث هذا الخصوصية من العنصر الأم. انظر inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | 50% 50% |
|---|---|
| القيمة المُرجّحة: | سلسلة أو عدد، يُمثل موقع العنصر داخل نطاق محتواه. |
| إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية تمامًا.
| كروم | إيدج | فايرفوكس | سفاري | أوبرا |
|---|---|---|---|---|
| كروم | إيدج | فايرفوكس | سفاري | أوبرا |
| 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- الصفحة السابقة objectFit
- الصفحة التالية opacity
- العودة إلى الطبقة السابقة مفهوم Style HTML DOM
