התכונה מיקום עוגן ב-CSS שוחררה ב-Chrome 125. הגרסה הראשונה של ה-API שזמינה לציבור עוררה דיונים נוספים על התחביר . בעקבות הדיון הזה, בוצעו כמה שינויים קלים מאז השקת התכונה. אם כבר ניסיתם להשתמש ב-CSS למיקום עוגנים, תוכלו להיעזר במאמר הזה כדי להבין אילו שינויים צריך לבצע בקוד או לקרוא תוכן נוסף בנושא מיקום עוגנים.
יש שתי שינויי שמות עיקריים של נכסים שחשוב לדעת עליהם:
- השם של
inset-area
השתנה ל-position-area
. קבוצת העבודה בנושא CSS העדיפה את השם החדש הזה כי הניסוחposition-
עוזר לזכור שהמאפיין הזה חל על הרכיב שמיקומו נקבע, ולא על רכיב העוגן. השינוי הזה יחול החל מגרסה 129 של Chrome, והתמיכה ב-inset-area
תסתיים בגרסה 131 של Chrome כדי לתת לכם זמן לעדכן את הדמואים או המאמרים שלכם. - השם של
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)
. השינוי הזה יחול גם על Chrome 129.
מידע נוסף על שימוש במיקום עוגן זמין כאן: