Una Kravets
Mason Freed
موقعیت یابی لنگر 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 نیز آغاز خواهد شد.
درباره استفاده از موقعیت لنگر در اینجا بیشتر بیاموزید: