מה חדש בגרסה 154 של Chrome

Rachel Andrew

תאריך פרסום: 22 בספטמבר 2026

אנחנו משיקים עכשיו את Chrome 154, ובפוסט הזה נספר על כמה מהתכונות העיקריות של הגרסה. נתוני הגרסה המלאים של Chrome 154

נקודות חשובות בגרסה הזו:

<iframe>רספונסיביות

ב-Chrome 154 נוספה תמיכה ברכיבי iframe עם גודל רספונסיבי, כך שאלמנט <iframe> במסמך הורה יכול לשנות את הגודל שלו בהתאם לגודל הגלישה של הפריסה של המסמך המוטמע, כדי למנוע גלילה במסמך הצאצא. השיטה הזו מחליפה את התבנית שבה מודדים ידנית את התוכן של iframe, שולחים מאפיינים עם postMessage() ומעדכנים את הגודל של iframe בדף ההטמעה.

כדי להגדיר את הגודל של iframe לפי גובה התוכן שלו, משתמשים במאפיין frame-sizing CSS ברכיב <iframe> בדף ההטמעה:

.embed {
  width: 100%;
  frame-sizing: content-height;
}

כדי להביע הסכמה לשימוש במסמך המוטמע, צריך להוסיף רכיב <meta name="responsive-embedded-sizing"> לרכיב <head>:

<meta name="responsive-embedded-sizing" content="allow-origins=*">

לפרטים נוספים ולהדגמות, אפשר לעיין במאמר בנושא Responsive iframes in Chrome 154 (חלונות iframe רספונסיביים ב-Chrome 154).

אמצעי תחבורה scroll-marker-group בשירות CSS

המאפיין scroll-marker-group קובע אם קונטיינר גלילה יוצר פסאודו-אלמנט ::scroll-marker-group לפני או אחרי התוכן שלו. ב-Chrome מגרסה 154, שופר scroll-marker-group עם שני מצבים שקובעים את סדר המיקוד ואת הסמנטיקה של הנגישות של WAI-ARIA של ::scroll-marker-group ושל ::scroll-marker:

/* Links mode (default) */
scroll-marker-group: after links;

/* Tabs mode */
scroll-marker-group: before tabs;

CSS text-decoration-inset

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

‫text-decoration-inset מקבל ערכים של auto, אורך ואחוזים באמצעות תחביר של ערך אחד או שני ערכים. לדוגמה, כדי להוסיף שוליים פנימיים של 10px משני הצדדים:

text-decoration-inset: 10px;

ערכים חיוביים יוצרים שוליים פנימיים (הקישוט קצר יותר), וערכים שליליים יוצרים שוליים חיצוניים (הקישוט ארוך יותר). כך תוכלו לשנות את המרווח בין קישוטים וליצור אפקטים של חשיפת קו תחתון עם אנימציה באמצעות קישוטי טקסט ב-CSS, במקום שיפועי רקע או רכיבים נוספים.

מידע נוסף זמין במאמרי העזרה בנושא text-decoration-inset ב-MDN.

קריאה נוספת

המידע הזה כולל רק נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים ב-Chrome 154:

הרשמה

כדי להתעדכן, כדאי להירשם לערוץ Chrome Developers ב-YouTube ולקבל התראה באימייל בכל פעם שנעלה סרטון חדש. אפשר גם לעקוב אחרינו ב-X או ב-LinkedIn כדי לקרוא מאמרים ופוסטים חדשים בבלוג.

ברגע שגרסה Chrome 155 תושק, נעדכן אתכם כאן לגבי החידושים ב-Chrome.