תאריך פרסום: 17 ביולי 2026
ברוכים השבים לסיכום החודשי של Baseline. ביוני 2026, field-sizing
הפכה לזמינה כ-Baseline Newly, מה שמאפשר לפקדי טפסים להשתנות באופן אוטומטי
בהתאם לתוכן שלהם. במקביל, מגוון רחב של תכונות CSS, HTML ו-Web API הגיעו לסטטוס Baseline Widely available, לצד עדכונים חשובים מקהילת המפתחים.
התראות על סטטוס פלטפורמת האינטרנט
עכשיו קל יותר לעקוב אחרי המועד שבו תכונות אינטרנט הופכות לאינטראופרביליות, באמצעות התראות על Baseline במרכז הבקרה של סטטוס פלטפורמת האינטרנט. אם נכנסים באמצעות GitHub, אפשר להירשם לקבלת התראות על תכונות כשהן הופכות לזמינות ב-Baseline, זמינות באופן נרחב או מקבלות הטמעות חדשות בדפדפן. אפשר להגדיר מינויים כך שישלחו עדכונים באימייל או פידים מותאמים אישית של RSS לפי לוח זמנים חודשי, שבועי או מיידי. אתם יכולים להגדיר את ההיקף של ההתראות לחיפושים שמורים – כמו כל התכונות של HTML – ליצור ניוזלטרים בהתאמה אישית, ליצור רשימות של תכונות שאפשר לשתף או להגדיר וווב-הוקים של Slack כדי לשלוח התראות לצוות ההנדסה.
מידע נוסף זמין במאמר הצגת התראות על חריגה מבסיס.
תכונות חדשות ב-Baseline
התכונות שבקטע הזה נתמכות החל מיוני 2026 בסט הליבה של הדפדפן ועכשיו הן זמינות כ-Baseline Newly available.
field-sizing
מאפיין ה-CSS field-sizing מאפשר לשלוט בהתנהגות של שינוי הגודל של רכיבי טופס – כמו <textarea>, <input> ו-<select> – שבדרך כלל יש להם מידות קבועות שמוגדרות כברירת מחדל. עם field-sizing: content פקדי טפסים, הגודל שלהם משתנה אוטומטית בהתאם לתוכן, כך שלא צריך סקריפטים מותאמים אישית של JavaScript לשינוי גודל אוטומטי.
מידע נוסף זמין בדף העזר של MDN בנושא field-sizing.
תכונות Baseline שזמינות באופן נרחב
התכונות הבאות זמינות עכשיו ב-Baseline באופן נרחב, כלומר הן תואמות לשימוש בפרויקטים שלכם וניתן להשתמש בהן באופן כללי.
:has() pseudo-class
הסלקטור :has() ב-CSS מאפשר לסגנן רכיב על סמך צאצאיו או רכיבים מאותו סוג שמופיעים אחריו. הפסאודו-קלאס הפונקציונלי הזה מאפשר ליצור דפוסי פריסה מותנים ישירות ב-CSS, בלי צורך ב-JavaScript כדי לבדוק מבני DOM.
מידע נוסף זמין בדף MDN בנושא פסאודו-מחלקת :has .
HTMLIFrameElement.loading
המאפיין loading ברכיבי <iframe> מאפשר טעינה מדורגת של מסגרות מוטמעות. אם מציינים את הערך loading="lazy", הדפדפנים דוחים את הטעינה של iframe שלא מוצגים במסך עד שמגללים אותם קרוב לאזור התצוגה, וכך חוסכים ברוחב הפס של הרשת ובעומס היתר של טעינת הדף הראשונית.
פרטים נוספים זמינים במאמר MDN reference for HTMLIFrameElement.loading.
CanvasRenderingContext2D.reset()
ה-method reset() בהקשרים של canvas דו-ממדי מנקה את מצב ההקשר של הציור – מאפס מאפיינים כמו טרנספורמציות, נתיבי חיתוך, סגנונות קו וסגנונות מילוי בחזרה לערכי ברירת המחדל שלהם. כך אפשר לעשות שימוש חוזר בהקשר של אזור הציור בצורה נקייה, בלי לנקות את המאפיינים באופן ידני.
מידע נוסף זמין במאמרי העזרה של MDN בנושא CanvasRenderingContext2D.reset.
cap יחידת אורך
היחידה cap שקשורה לגופן תואמת לגובה האותיות הגדולות הנומינלי של הגופן של האלמנט. הוא מאפשר לכם ליישר ולשנות את הגודל של רכיבים ביחס לגובה של אותיות רישיות, וכך ליצור פריסות טיפוגרפיות מדויקות.
מידע נוסף זמין במאמר בנושא יחידות אורך ב-MDN.
מלון אחד (counter-set)
מאפיין ה-CSS counter-set מגדיר מונה CSS לערך ספציפי, בנוסף למאפיינים counter-reset ו-counter-increment. הוא מאפשר לשלוט בפעולות שמתבצעות ברשימות ממוספרות, במתארים של מסמכים או ברצפים מותאמים אישית של מונה.
אפשר לקרוא את הפרטים בדף של MDN בנושא counter-set.
createImageBitmap()
השיטה הסטטית createImageBitmap() יוצרת תמונת bitmap אסינכרונית ממקורות תמונה שונים, כולל <img>, <canvas>, Blob או ImageData. הוא מפענח תמונות מחוץ ל-thread הראשי, ולכן הוא לא חוסם את הביצועים של ממשק המשתמש כשמטפלים בגרפיקה מורכבת של קנבס.
פרטים נוספים על ההטמעה זמינים בתיעוד של createImageBitmap ב-MDN.
סוג הנתונים של <easing-function>
סוג הנתונים <easing-function> CSS מתאר עקומות מתמטיות של קצב שינוי למעברים ולאנימציות. בנוסף למילות מפתח רגילות כמו ease-in
או cubic-bezier(), הוא תומך בפונקציות כמו linear() כדי ליצור אפקטים מותאמים אישית של קפיצה או של תנועה קופצנית.
מידע נוסף על השימוש בפונקציה הזו
& מאפיין לבחירת אלמנטים עם קינון
כשמשתמשים בהטמעה מובנית של CSS, סלקטור ההטמעה & מעגן באופן מפורש את סלקטורי הכללים של הצאצא לסלקטור ההורה שלהם. הוא מבטיח בהירות וכללים ספציפיים נכונים כשמגדירים מצבי ריחוף, מיקוד או פסאודו-מחלקות מקוננים.
פרטים נוספים זמינים במדריך MDN בנושא בחירת צאצאים.
טעינה מראש רספונסיבית באמצעות rel="preload"
המאפיין media ברכיבי <link rel="preload"> מאפשר טעינה מראש של נכסים חשובים בצורה רספונסיבית. כשמשלבים את rel="preload" עם שאילתות מדיה, הדפדפנים מורידים רק את הנכסים שתואמים לרוחב אזור התצוגה של המשתמש או למאפייני התצוגה שלו, בשלב מוקדם במחזור החיים של הטעינה.
מידע נוסף על השימוש בתכונה הזו זמין בתיעוד של MDN בנושא rel="preload".
HTMLMediaElement.preservesPitch
המאפיין preservesPitch ברכיבי <audio> ו-<video> קובע אם הדפדפן ישנה את גובה הצליל של האודיו כשמשנים את playbackRate.
הגדרה של false מאפשרת שינויים בגובה הצליל כשמגבירים או מאיטים את ההפעלה של מדיה.
אפשר לעיין בפרטים בדף MDN בנושא HTMLMediaElement.preservesPitch.
:dir() pseudo-class
הפסאודו-קלאס :dir() CSS מתאים לאלמנטים על סמך כיווניות הטקסט (כמו ltr או rtl), כיוון תואם שמועבר בירושה ממאפייני HTML כמו dir או הקשר טקסט מחושב.
מידע נוסף זמין בדף של MDN בנושא פסאודו-מחלקת :dir .
הפונקציה המתמטית pow()
הפונקציה pow() CSS מחשבת ערכי חזקה אקספוננציאליים ישירות בהצהרות CSS, ומעלה מספר בסיס למעריך (לדוגמה, pow(2, 3)).
היא מפשטת את ההתאמה של גודל הרכיבים ואת היחסים המתמטיים בין רכיבי הרשת.
אפשר לקרוא פרטים נוספים על הפונקציה pow בהפניה ל-MDN.
מאפיין CSS mask
מאפיין הקיצור mask של CSS מסתיר חלקים של רכיב באמצעות תמונות או מעברי צבע כשיכבות חיתוך. הוא משלב מאפייני משנה כמו mask-image,
mask-position ו-mask-repeat כדי ליצור אפקטים מורכבים של מיסוך חזותי.
מידע נוסף זמין בדף של MDN בנושא מאפיין המסכה.
@media (scripting)
התכונה scripting media בודקת אם סקריפטים מצד הלקוח (כמו JavaScript) מופעלים וזמינים בהקשר של הדפדפן. כך אפשר להגדיר סגנונות של שיפור הדרגתי כדי לטרגט סביבות עם JavaScript פעיל או בלי JavaScript פעיל.
מידע נוסף זמין במאמר בנושא תכונת המדיה של סקריפטים ב-MDN.
URL.canParse()
השיטה הסטטית URL.canParse() בודקת אם מחרוזת נתונה היא כתובת URL תקינה שאפשר לנתח (עם כתובת URL בסיסית אופציונלית) בלי להפעיל חריג. כך אפשר לפשט את אימות כתובות ה-URL בזמן הריצה לפני יצירת מופעים של אובייקטים מסוג URL.
פרטים על ההטמעה זמינים בתיעוד של MDN בנושא URL.canParse.
Storage Access API
Storage Access API מספק מנגנון שמאפשר לתוכן שהוטמע באתרים של צד שלישי<iframe> לבקש גישה לקובצי Cookie ולאחסון שלא מחולקים למחיצות. כך אפשר לבצע אימות ואינטראקציות עם שמירת מצב בין גבולות הדומיין.
אפשר לקרוא את הפרטים בדף של MDN בנושא Storage Access API.
זהו, סיימנו.
אם פספסנו משהו שקשור ל-Baseline, נשמח לדעת כדי שנוכל לכלול אותו במהדורה הבאה. אם יש לכם שאלות או שאתם רוצים לספק משוב על Baseline, אתם יכולים להגיש בעיה בכלי למעקב אחרי בעיות שלנו.