Una Kravets
Mason Freed
התכונה מיקום עוגן ב-CSS הושקה ב-Chrome 125. הגרסה הראשונה של ממשק API, שזמינה לציבור, הפעילה דיונים נוספים בנושא התחביר . כתוצאה מהדיון הזה, חלו כמה שינויים קלים מאז השקת התכונה. אם כבר ניסיתם למקם את העוגן ב-CSS, הפוסט הזה מסביר את השינויים שצריך לבצע בקוד או תוכן לגבי מיקום עוגן.
יש שני שמות של נכסים ראשיים שחשוב להיות מודעים להם:
- השם של
inset-areaהשתנה ל-position-area. קבוצת העבודה של שירות ה-CSS העדיפה את שינוי השם הזה, כי הניסוחposition-עוזר לכם לזכור שהמאפיין הזה חל על הרכיב הממוקם ולא על רכיב העוגן. השינוי הזה יתחיל בגרסה 129 של Chrome, שנתמכת ב-inset-areaעד Chrome 131 כדי לתת לך זמן לעדכן את כל הדגמות או מאמרים שיש לך. - השם של
position-try-optionsהשתנה ל-position-try-fallbacks. שינוי השם עוזר לזכור שאלו רק חלופות למיקום הראשי, שנקבע לפי סגנונות הבסיס. השינוי הזה נשלח עם Chrome 128 והשינוי שלposition-try-optionsלא פועל יותר מגרסה 128. אנחנו ממליצים להשתמש בקיצור (לשנות אותו ל-position-try), שפועל מ-Chrome 125 ולא השתנה.
יש גם שינוי התנהגותי אחד נוסף:
- אנחנו מסירים את
inset-area()התחביר הפונקציונלי מ-position-try. לכן, צריך להשתמש ב-position-try-fallbacks: topבמקום ב-position-try-fallbacks: inset-area(top). השינוי הזה יתחיל גם בגרסה 129 של Chrome.
מידע נוסף על שימוש במיקום עוגן זמין כאן: