חדש בפלטפורמת האינטרנט בדצמבר

כאן אפשר לקרוא על כמה מהתכונות המעניינות שנוספו לדפדפני אינטרנט יציבים ולדפדפני אינטרנט בגרסת בטא במהלך דצמבר 2025.

Rachel Andrew

תאריך פרסום: 16 בדצמבר 2025

גרסאות יציבות של דפדפנים

‫Chrome 143, ‏ Firefox 146 ו-Safari 26.2 יצאו לגרסה יציבה במהלך דצמבר. בפוסט הזה נסקור את התכונות החדשות שהשקנו החודש, וגם נסביר על כמה דברים חדשים שזמינים עכשיו ב-Baseline.

כלל ה-CSS ‏@scope הוא עכשיו Baseline

‫Firefox 146 כולל את כלל ה-CSS‏ @scope, שמאפשר לכם לבחור רכיבים בעצי משנה ספציפיים של DOM. הגדרתם היקף שבתוכו סלקטורים יכולים לטרגט אלמנטים, וכך נמנעים מסלקטורים ארוכים ומסובכים מדי. לדוגמה, ה-CSS הבא מכוון רק לרכיבי <img> אם הם נמצאים בתוך רכיב עם מחלקה של .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

ב-Firefox 146, כלל ה-at השימושי הזה זמין עכשיו ב-Baseline Newly available. מידע נוסף זמין במאמר בנושא הגבלת טווח ההגעה של הסלקטורים באמצעות כלל ה-at של CSS‏ @scope.

הפונקציה contrast-color() CSS

ב-Firefox 146 יש גם את הפונקציה contrast-color(). הפונקציה הזו מקבלת ערך צבע ומחזירה צבע מנוגד, במטרה להבטיח ניגודיות מינימלית לפי WCAG AA.

דוגמאות נוספות זמינות במאמר How to have the browser pick a contrasting color in CSS בבלוג WebKit.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

Source

‫Firefox הוא הדפדפן הראשון שכולל את המאפיין text-decoration-inset. המאפיין הזה מאפשר לכם לשנות את נקודת ההתחלה ואת נקודת הסיום של עיטור הטקסט של רכיב מסוים, כך שאפשר לקצר או להאריך אותו, או לשנות את המיקום שלו ביחס לטקסט המעובד.

מאפיין ה-CSS‏ font-language-override

‫Chrome 143 כולל את המאפיין font-language-override. כך אפשר לשנות את התנהגות הגופן בשפה ספציפית. האפשרות הזו שימושית אם אתם משתמשים בגופן שלא תומך כראוי בשפה מסוימת. במקרה כזה, תוכלו לבחור להשתמש בסימנים גרפיים משפה דומה עם תמיכה טובה יותר.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 34.
  • Safari: not supported.

Source

שאילתות CSS חלופיות מוצמדות לקונטיינר

ב-Chrome 143 נוספה התכונה @container anchored(fallback) לעיצוב צאצאים של רכיבים עם מיקום עוגן על סמך התכונה position-try-fallbacks שמוחלת.

אפשר להשתמש בשאילתות כאלה כדי להגדיר את הסגנון של החיבור של רכיב מעוגן או של האנימציות שלו, בהתאם למיקום של העוגן והרכיב המעוגן ביחס זה לזה.

תחביר יחסי לצד של מאפייני background-position-x/y ארוכים

בנוסף, ב-Chrome, ועכשיו בכל הדפדפנים, יש אפשרות להגדיר את המיקום של תמונת הרקע ביחס לאחד הקצוות שלה במאפיינים המפורטים של background-position. לדוגמה:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

המאפיין overallProgress של אנימציה

‫Safari 26.2 כולל overallProgress. המאפיין הזה לקריאה בלבד של הממשק Animation מחזיר מספר בין 0 ל-1 שמציין את ההתקדמות הכוללת של האנימציה לקראת מצב הסיום שלה.

הנכס הזה זמין עכשיו כנקודת השוואה חדשה.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

מדדי LCP ו-INP זמינים עכשיו כ-Baseline Newly available

המדדים המהירות שבה נטען רכיב התוכן הכי גדול (LCP) ומהירות התגובה לאינטראקציה באתר (INP) זמינים עכשיו כחלק מהתכונות החדשות של Baseline. יש תמיכה ב-Safari 26.2 ב-Contentful Paint API וב-Event Timing API שנדרשים למדידת המדדים האלה.

התכונות האלה נכללו ב-Interop 2025, ועכשיו אפשר למדוד את המדדים האלה בגרסה העדכנית של כל הדפדפנים העיקריים.

‫Largest Contentful Paint API

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

Event Timing API

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

‫CHIPS מגיע ל-Baseline Newly available

ב-Safari 26.2 יש גם CHIPS (קובצי Cookie עם חלוקה עצמאית למחיצות), שמאפשרת להוסיף קובץ Cookie לאחסון מחולק למחיצות, עם צנצנת קובצי Cookie נפרדת לכל אתר ברמה העליונה.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

‫Safari 26.2 כולל תמיכה ב-hidden="until-found", שזמין עכשיו כ-Baseline Newly available.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

המאפיינים command ו-commandfor

בנוסף, ב-HTML ב-Safari 26.2 יש תמיכה בתגים command ו-commandfor בלחצנים. כך אפשר לשלוט בחלונות קופצים ובתיבות דו-שיח בצורה הצהרתית.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

מידע נוסף זמין במאמרים היכרות עם command וcommandfor.

האירוע scrollend

תכונה נוספת שהופכת ל-Baseline וזמינה עכשיו ב-Safari 26.2 היא האירוע scrollend. האירוע הזה מופעל כשהגלילה מסתיימת. מידע נוסף זמין במאמר Scrollend, a new JavaScript event.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

הנכס scrollbar-color

המאפיין scrollbar-color מאפשר לשנות את הצבע של האחיזה של פס הגלילה ושל המסלול של פס הגלילה. ב-Safari 26.2, האפשרות הזו זמינה גם כ-Baseline Newly available.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

גרסאות בטא של דפדפנים

גרסאות בטא של דפדפנים מאפשרות לכם לראות תצוגה מקדימה של מה שיהיה בגרסה היציבה הבאה של הדפדפן. זה זמן מצוין לבדוק תכונות חדשות או הסרות שיכולות להשפיע על האתר שלכם לפני שהגרסה הזו תהיה זמינה לכולם. גרסאות הבטא החדשות החודש הן Firefox 147 ו-Chrome 144.

‫Chrome 144 כולל את ::search-text pseudo-element לחיפוש בתוצאות של חיפוש בדף scrolled ותמיכה ב-@scroll-state שמאפשרת לכם לעצב צאצאים של מאגרי מידע על סמך כיוון הגלילה האחרון. ה-API כולל גם את Temporal API, עם אובייקטים ופונקציות סטנדרטיים לעבודה עם תאריכים ושעות.

גרסה Firefox 147 היא גרסה מרגשת שכוללת מיקום עוגן של CSS, סוגים של מעברי תצוגה ו-Navigation API.

מידע נוסף על תכונות מעניינות של CSS וממשק משתמש שהושקו השנה זמין במאמר CSS Wrapped 2025.