خصائص offset-distance CSS

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

offset-distance يُستخدم الخاصية لتحديد المسافة بين العنصر وبين offset-path المسافة بين نقطة البداية المحددة للخاصية.

مثال

يُوضع عنصر <img> على المسار المحدد، ويكون على بعد 33% من بداية المسار.

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

جرب بنفسك

نحوية CSS

offset-distance: auto|طول|القيمة الافتراضية|توريث;

قيمة الخاصية

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

دعم المتصفح

رقم في الجدول يعكس إصدار المتصفح الذي يدعم الخاصية لأول مرة.

الصفحات ذات الصلة

دروس:مسارات SVG

دروس:حركات CSS

المرجع:خصائص offset CSS

المرجع:خصائص offset-anchor CSS

المرجع:خصائص offset-path CSS

المرجع:خصائص offset-position CSS

المرجع:خصائص offset-rotate CSS