שינויים בתחביר של מיקום העוגן
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
התכונה מיקום עוגן ב-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.
מידע נוסף על שימוש במיקום עוגן זמין כאן:
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2024-09-04 (שעון UTC).
[{
"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": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2024-09-04 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","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 (שעון UTC)."]]