تغییر نحو موقعیت یابی لنگر
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
موقعیت یابی لنگر CSS در کروم 125 منتشر شد. این اولین نسخه در دسترس عموم از API باعث ایجاد بحث های بیشتری در مورد نحو شد. در نتیجه این بحث، تغییرات جزئی از زمان راه اندازی ویژگی ایجاد شده است. اگر قبلاً موقعیتیابی لنگر CSS را امتحان کردهاید، این پست تغییراتی را که باید در کد خود یا محتوای مربوط به موقعیتیابی لنگر ایجاد کنید، توضیح میدهد.
دو تغییر نام اصلی وجود دارد که باید از آنها آگاه باشید:
-
inset-area
به position-area
تغییر نام داده است. این تغییر نام توسط گروه کاری CSS ترجیح داده شده است زیرا عبارت position-
به شما کمک می کند به یاد داشته باشید که این ویژگی برای عنصر موقعیتی اعمال می شود، نه عنصر لنگر. این تغییر در Chrome 129 شروع میشود، و inset-area
تا Chrome 131 پشتیبانی میشود تا به شما فرصت دهد تا نسخههای نمایشی یا مقالههایی را که دارید بهروزرسانی کنید. -
position-try-options
به position-try-fallbacks
تغییر نام داد. این تغییر نام به شما کمک میکند به یاد داشته باشید که اینها فقط بازگشتی به موقعیت اولیه هستند که توسط سبکهای پایه تعیین میشود. این تغییر با Chrome 128 ارسال شد و position-try-options
از نسخه 128 دیگر کار نمیکنند. ما به شما توصیه می کنیم از کوتاه نویسی استفاده کنید (تغییر آن به position-try
) که از کروم 125 کار می کند و تغییری نکرده است.
همچنین یک تغییر رفتاری اضافی وجود دارد:
- نحو تابعی
inset-area()
در حال حذف از position-try
است. بنابراین از position-try-fallbacks: top
به جای position-try-fallbacks: inset-area(top)
. این تغییر در Chrome 129 نیز آغاز خواهد شد.
درباره استفاده از موقعیت لنگر در اینجا بیشتر بیاموزید:
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2024-09-04 بهوقت ساعت هماهنگ جهانی.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"اطلاعاتی که نیاز دارم وجود ندارد"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"بیشازحد پیچیده/ مراحل بسیار زیاد"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"قدیمی"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"مشکل ترجمه"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشکل کد / نمونهها"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غیره"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"درک آسان"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"مشکلم را برطرف کرد"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غیره"
}]
{"lastModified": "\u062a\u0627\u0631\u06cc\u062e \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc 2024-09-04 \u0628\u0647\u200c\u0648\u0642\u062a \u0633\u0627\u0639\u062a \u0647\u0645\u0627\u0647\u0646\u06af \u062c\u0647\u0627\u0646\u06cc."}
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2024-09-04 بهوقت ساعت هماهنگ جهانی."]]