תכנים חדשים בפלטפורמת האינטרנט בחודש ספטמבר

בספטמבר 2026 נוספו לדפדפני אינטרנט יציבים ובגרסת בטא כמה תכונות מעניינות.

Rachel Andrew

פורסם: 2 באוקטובר 2026

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

זה החודש הראשון שבו יוצאות גרסאות של Chrome ו-Firefox אחת לשבועיים. כלומר, גרסאות Chrome 153, ‏ Chrome 154, ‏ Firefox 155, ‏ Firefox 156, ‏ Firefox 157 ו-Safari 27 שיוצאות לגרסה יציבה במהלך ספטמבר 2026. בפוסט הזה נסקור את התכונות החדשות שזמינות בדפדפנים, כולל מספר גדול של תכונות שזמינות עכשיו ב-Baseline.

הפונקציה progress() CSS הופכת ל-Baseline

ב-Firefox 155 נוספה תמיכה בפונקציית המתמטיקה של CSS‏ progress(), והיא זמינה עכשיו ב-Baseline.

הפונקציה progress() מחזירה <number> שמייצג את המיקום של חישוב בין ערך התחלתי לערך סופי. בדרך כלל, התוצאה מוגבלת לטווח שבין 0 ל-1, ולכן היא שימושית להגדרת גודל, אטימות או צבעים בצורה דינמית על סמך המידות של מאגר או של אזור התצוגה. ב-Firefox 155 וב-Safari 27 נוספה תמיכה באפשרות של מילת המפתח no-clamp, שמאפשרת להרחיב את ערך ההתקדמות שמוחזר מתחת ל-0 או מעל 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

צבעי אלפא יחסיים עם alpha() הופכים ל-Baseline

ב-Firefox 155 וב-Safari 27 נוספה תמיכה בפונקציית הצבע היחסי alpha() מ-CSS Color 5.

הפונקציה alpha() מקבלת צבע מקור ומחזירה את הצבע הזה עם ערוץ אלפא (שקיפות) מותאם, תוך שמירה על ערוצי הצבע ומרחב הצבעים:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

גרסה 151 של Chrome, גרסה 155 של Firefox וגרסה 27 של Safari תומכות ב-alpha(), ולכן הפונקציה הזו זמינה עכשיו ב-Baseline Newly available.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

מילת המפתח revert-rule CSS הופכת ל-Baseline

ב-Safari 27 נוספה תמיכה במילת המפתח revert-rule ב-CSS.

‫revert מחזיר את הקסקייד למקור של המשתמש או של סוכן המשתמש, ו-revert-layer מחזיר את הקסקייד לשכבת קסקייד קודמת, ואילו revert-rule מחזיר את הערך של מאפיין לערך שהיה לו אם כלל הסגנון הנוכחי לא היה קיים. עם תמיכה ב-Chrome,‏ Firefox ועכשיו גם ב-Safari 27,‏ revert-rule זמין עכשיו כ-Baseline.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

הערכים <image> ב-light-dark() הופכים לבסיס

ב-Safari 27 נוסף תמיכה בשימוש בערכי <image> בתוך הפונקציה light-dark() CSS.

בעבר, אפשר היה להשתמש רק ב-<color> ערכים, אבל עכשיו אפשר להשתמש ב-light-dark() כדי לעבור בין שתי תמונות – כמו תמונות url() או מעברי צבע ב-CSS – בהתאם למצב הפעיל של color-scheme (בהיר או כהה). התמיכה בדפדפנים Chrome,‏ Firefox ו-Safari 27, ערכי <image> ב-light-dark() זמינה עכשיו כחדשה בסיסית.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

הצמדת גלילה באמצעות overflow-anchor הופכת ל-Baseline

ב-Safari 27 הופעלה האפשרות של עיגון גלילה, והוספה תמיכה במאפיין CSS‏ overflow-anchor.

התכונה 'הצמדת גלילה' מתאימה את מיקום הגלילה באופן אוטומטי כששינויים ב-DOM מעל אזור התצוגה הגלוי גורמים לתוכן לקפוץ בזמן שהמשתמש קורא או מבצע אינטראקציה עם הדף. אפשר להשתמש ב-overflow-anchor: none כדי להחריג רכיבים ספציפיים מפעולה כצמתי עוגן. עם הצטרפותו של Safari 27 ל-Chrome ול-Firefox, קיבוע הגלילה זמין עכשיו כ-Baseline Newly available.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

הנכס font-width והמתאר @font-face הופכים ל-Baseline

ב-CSS Fonts 4, ‏ font-stretch הוחלף ב-font-width כשם הרשמי לבחירת גופנים רגילים, דחוסים או מורחבים, ו-font-stretch נשאר ככינוי מדור קודם.

בגרסה Firefox 155 נוספה תמיכה במאפיין font-width CSS, בתיאור font-width @font-face וב-CSSStyleDeclaration.fontWidth. בנוסף, ב-Chrome 154 נוסף המתאר font-width לכללי @font-face והמאפיין width לאובייקטים FontFace. בנוסף לתמיכה הקיימת ב-Safari, ‏ font-width זמין עכשיו כחלק מהתכונות החדשות של Baseline.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

‫sizes="auto" לתמונות בטעינה מדורגת הופך ל-Baseline

ב-Safari 27 נוספה תמיכה במילת המפתח auto במאפיין sizes ברכיבי <img> שמשתמשים ב-loading="lazy".

כשמציינים sizes="auto" (או רשימת sizes שמתחילה ב-auto), הדפדפן משתמש ברוחב הפריסה המעובד של התמונה שנטענת בהדרגה כדי לבחור את מקור התמונה המתאים ביותר מתוך srcset. התמיכה ב-sizes="auto" זמינה עכשיו ב-Chrome,‏ Firefox וב-Safari 27.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

איטרציה אסינכרונית ואובייקטים ניתנים להעברה ReadableStream הופכים לבסיס

‫Safari 27 כולל כמה עדכונים ל-ReadableStream:

  • תמיכה באיטרציה אסינכרונית על אובייקטים של ReadableStream באמצעות לולאות for await...of ו-ReadableStream.prototype.values().
  • תמיכה בהעברת אובייקטים של ReadableStream בין הקשרים באמצעות postMessage().
  • תמיכה בשיטה הסטטית ReadableStream.from() ליצירת ReadableStream מאובייקט איטרבילי או מאובייקט איטרבילי אסינכרוני (נתמך גם ב-Firefox).

ב-Safari 27, זמינים עכשיו ב-Baseline: זרמי נתונים איטרביליים אסינכרוניים ואובייקטים של ReadableStream שניתנים להעברה.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

‫AnimationEvent.animation ו-TransitionEvent.animation הופכים ל-Baseline

ב-Safari 27 נוסף המאפיין animation אל AnimationEvent והמאפיין animation אל TransitionEvent.

המאפיין הזה מחזיר את האובייקט Animation שמשויך לאנימציית ה-CSS או לאירוע המעבר, וכך קל יותר לבדוק או לשלוט באנימציה ישירות מ-event listener. התכונה הזו זמינה עכשיו ב-Baseline Newly available, כי דפדפני Chrome,‏ Firefox ו-Safari 27 תומכים בה.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

האפשרות maxAge ב-cookieStore.set() הופכת ל-Baseline

ב-Safari 27 נוספה תמיכה באפשרות maxAge כשמגדירים קובץ Cookie באמצעות cookieStore.set(). כך אפשר לציין את משך החיים של קובץ Cookie כמשך זמן בשניות, במקום לחשב חותמת זמן מוחלטת expires. האפשרות maxAge זמינה עכשיו כ-Baseline Newly, עם תמיכה ב-Chrome,‏ Firefox וב-Safari 27.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

משתנה Floodlight מותאם אישית 27<select> ב-Safari

ב-Safari 27 נוספה תמיכה בתפריטים שניתנים להתאמה אישית באמצעות <select> ורכיב <selectedcontent>, כמו ב-Chrome.appearance: base-select

הוספת <select> ורכיב פסאודו ::picker(select) שלו ל-appearance: base-select מעבירה את השליטה למראה בסיסי שניתן לעיצוב, ומאפשרת תוכן HTML עשיר בתוך רכיבי <option> ועיצוב מותאם אישית ללחצן ולבורר התפריט הנפתח.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

רכיבי <camera> ו-<microphone> הצהרתיים ב-Chrome

בגרסה 153 של Chrome נוספו רכיבי היכולת <camera> ו-<microphone> של HTML.

בהמשך לרכיב <usermedia>, הרכיבים <camera> ו-<microphone> מספקים אמצעי בקרה דקלרטיביים ייעודיים שמופעלים על ידי המשתמש כדי לבקש גישה לצילום וידאו או להקלטת אודיו של יכולת אחת, בלי להפעיל הנחיות להרשאה שמופעלות על ידי סקריפט בטעינת הדף.

Browser Support

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

תוספות ל-JavaScript‏ Iterator וPromise

בגרסה 153 של Chrome, נוספו Iterator.prototype.join() ושיפורים שקשורים לשימוש ב- Iterator.zip() וב- Iterator.zipKeyed().

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

‫Firefox 155 implements Promise.allKeyed() and Promise.allSettledKeyed(), which accept a dictionary object of promises and resolve to an object with the same keys.

Browser Support

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

Source

עדכוני WebTransport ב-Firefox 155

‫Firefox 155 מרחיב את ההטמעה שלו:WebTransport

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

‫Service Worker Static Routing API ב-Safari 27

ב-Safari 27 נוספה תמיכה ב-Service Worker Static Routing API באמצעות InstallEvent.addRoutes().

ה-API הזה מאפשר ל-Service Worker לרשום כללי ניתוב הצהרתיים בזמן ההתקנה, כך שבקשות תואמות יוכלו לעקוף את ההפעלה של Service Worker ולשחזר ישירות מהרשת או מהמטמון, וכך לשפר את ביצועי הניווט.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

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

גרסאות בטא של דפדפנים מאפשרות לכם לראות תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זה הזמן לבדוק תכונות חדשות או הסרות של תכונות שיכולות להשפיע על האתר שלכם לפני שהגרסה הזו תהיה זמינה לכולם. גרסאות הבטא החדשות החודש הן Chrome 155,‏ Chrome 156,‏ Firefox 158 ו-Safari 27.2.

גרסת בטא של Chrome 155 כוללת CSS margin-trim,‏ symbols() ו-text-decoration-skip-spaces, יחד עם תמיכה בפענוח JPEG XL ‏ (image/jxl), ייבוא של מודולים של טקסט (import ... with { type: "text" }) ותמיכה בהנפקה של Digital Credentials API.

גרסת הבטא של Chrome 156 כוללת את הפונקציה random() של CSS, את מאפייני הקיצור corner של CSS, את מאפיין image-animation ואת פסאודו-המחלקות :animated-image, את פסאודו-המחלקות של מצב רכיב המדיה (:playing,‏ :paused,‏ :seeking,‏ :buffering,‏ :stalled,‏ :muted,‏ :volume-locked), את ההערכה של מודול מושהה (import defer) ואת רכיב ה-HTML‏ <install> ואת Web Install API.scroll-snap-type: pair

ב-Safari 27.2 beta נוספה תמיכה ביישור של safe ו-unsafe כשהם משולבים עם normal, מופעל יישור של safe בתיבות עם מיקום קבוע וברכיבי ::picker(select), ושם המאפיין flow-tolerance שונה ל-fit-tolerance עבור display: grid-lanes.