שינויים בתחביר של מיקום העוגן

התכונה מיקום עוגן ב-CSS שוחררה ב-Chrome 125. הגרסה הראשונה של ה-API שזמינה לציבור עוררה דיונים נוספים על התחביר . בעקבות הדיון הזה, בוצעו כמה שינויים קלים מאז השקת התכונה. אם כבר ניסיתם להשתמש ב-CSS למיקום עוגנים, תוכלו להיעזר במאמר הזה כדי להבין אילו שינויים צריך לבצע בקוד או לקרוא תוכן נוסף בנושא מיקום עוגנים.

יש שתי שינויי שמות עיקריים של נכסים שחשוב לדעת עליהם:

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

מידע נוסף על שימוש במיקום עוגן זמין כאן: