CSS افست آنکر属性
- پچھلے صفحے آفست
- آئندہ صفحہ offset-distance
تعریف و کاربرد
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%. |
|
اگر تنها یک کلمه کلیدی مشخص شود، مقدار دیگر "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 افست روٹیئر属性
- پچھلے صفحے آفست
- آئندہ صفحہ offset-distance