دستورالعمل مرجع سی اس اس

سی ایس ایس کی خاصیت

offset-distance این ویژگی برای تنظیم فاصله عنصر با مسیر تعریف شده توسط offset-path فاصله بین نقطه شروع مسیر تعریف شده توسط ویژگی.

عنصر <img> در مسیر تعریف شده خود قرار دارد و در 33% از فاصله نقطه شروع مسیر قرار دارد.

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

offset-distance: auto|length|initial|inherit;

مقدار	توضیح
0	عنصر در نقطه شروع مسیر قرار دارد. مقدار پیش‌فرض.
length	از واحد‌های ثابت (مانند px، pt، cm و غیره) برای تعیین فاصله عنصر تا نقطه شروع مسیر استفاده کنید. مقدار منفی مجاز نیست. لطفاً به:واحدهای سی اس اس.
%	فاصله‌ای که به عنوان درصد از طول مسیر تعیین می‌شود.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: initial.
inherit	این ویژگی از عنصر والد خود ارث می‌برد. لطفاً به: inherit.

مقدار پیش‌فرض:	0
ارث‌پذیری:	خیر
انیمیشن‌سازی:	پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
زبان برنامه‌نویسی جاوااسکریپت:	object.style.offsetDistance="200px"