CSS offset-anchor الخاصية

السابق السابق
الصفحة التالية المسافة offset

التعريف والاستخدام

offset-anchor يحدد الخاصية العنصر الذي يتم تثبيته على offset-path النقاط المحددة في المسار.

إذا تم استخدام الخاصية offset-rotate إذا تم تعديل العنصر باستخدام الخاصية offset-anchor النقاط التي تم تعريفها كجزء من الخاصية ستكون أيضًا مركز الدوران.

مثال

تثبيت نقطة الوسط اليمنى لعدد <img> على المسار المحدد:

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-anchor: right center;
}

جرب بنفسك

قواعد اللغة CSS

offset-anchor: auto|value|initial|inherit;

قيمة الخاصية

القيمة	الوصف
auto	القيمة الافتراضية. يتم وضع المحور في مركز العنصر، مما يعادل قيمة الخاصية 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	إذا تم تحديد كلمة واحدة فقط، فإن القيمة الأخرى ستكون "center".
xpos ypos	القيمة الأولى هي الموقع الأفقي، والقيمة الثانية هي الموقع العمودي. الجزء العلوي الأيسر هو 0 0. يمكن أن تكون الوحدة بكسل (0px 0px) أو أي وحدة CSS أخرى. إذا تم تحديد قيمة واحدة فقط، فإن القيمة الأخرى ستكون 50%. يمكن دمج % والمواقع.
x% y%	القيمة الأولى هي الموقع الأفقي، والقيمة الثانية هي الموقع العمودي. الجزء العلوي الأيسر هو 0% 0%. الجزء السفلي الأيمن هو 100% 100%. إذا تم تحديد قيمة واحدة فقط، فإن القيمة الأخرى ستكون 50%. القيمة الافتراضية هي: 50% 50%.
initial	اضبط هذا الخاصية على قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit	ينتقل هذا الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية:	auto
التنسيق:	لا
صنع الحركة:	يدعم. يرجى الرجوع إلى:خصائص الحركة.
الإصدار:	CSS3
قواعد اللغة الجافا سكربت:	object.style.offsetAnchor="bottom right"