CSS افست آنکر属性

تعریف و کاربرد

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"

پشتیبانی مرورگر

تبصره می‌زند که نسخه اولین مرورگر که این ویژگی را کاملاً پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
116 116 72 16 102

مربوط صفحات

تعلیم:SVG راستہ

تعلیم:CSS موشن

مطالعه:CSS افست属性

مطالعه:CSS افست دیسٹینس属性

مطالعه:CSS افست پاتھ属性

مطالعه:CSS افست پوزیشن属性

مطالعه:CSS افست روٹیئر属性