تاريخ النشر: 22 سبتمبر 2026
نطرح الآن الإصدار 154 من Chrome، ويتضمّن هذا المنشور بعض الميزات الرئيسية التي يتضمّنها هذا الإصدار. يمكنك الاطّلاع على ملاحظات إصدار Chrome 154 الكاملة.
أبرز الميزات في هذا الإصدار:
- تتيح السمة Responsively-sized
<iframe>تحديد حجم<iframe>تلقائيًا استنادًا إلى الحجم الجوهري للمستند المضمّن. - تضيف أوضاع
scroll-marker-groupCSS الوضعَينlinksوtabsلإعداد ترتيب التركيز ودلالات تسهيل الاستخدام الخاصة بعلامات التمرير. - تتيح لك CSS
text-decoration-insetتعديل نقطتَي البداية والنهاية لزخارف النص.
<iframe> بحجم متجاوب
يضيف الإصدار 154 من Chrome إمكانية استخدام إطارات 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=*">
لمزيد من التفاصيل والعروض التوضيحية، يُرجى الاطّلاع على إطارات iframe المتجاوبة في الإصدار 154 من Chrome.
طُرق عرض CSS scroll-marker-group
تتحكّم السمة 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
تلقائيًا، يكون طول زخرفة النص للعنصر (مثل التسطير أو التسطير العلوي أو التسطير في الوسط) هو نفسه طول النص المعروض. تتيح لك السمة
text-decoration-inset في CSS ضبط نقطتَي البداية والنهاية لتزيين النص الخاص بالعنصر، وذلك بحيث يكون النص مضمّنًا أو ممتدًا أو منقولاً بالنسبة إلى حواف سلسلة النص.
تقبل السمة text-decoration-inset قيم auto والطول والنسبة المئوية باستخدام بنية ذات قيمة واحدة أو قيمتَين، مثلاً لإضافة مسافة بادئة من كلا الطرفين بمقدار 10 بكسل:
text-decoration-inset: 10px;
تؤدي القيم الموجبة إلى إدخال الزخرفة (ما يجعلها أقصر)، بينما تؤدي القيم السالبة إلى إخراج الزخرفة (ما يجعلها أطول). يتيح لك ذلك ضبط مساحة الزخرفة بدقة وإنشاء تأثيرات كشف التسطير المتحرّك باستخدام زخارف نص CSS بدلاً من تدرّجات الخلفية أو العناصر الإضافية.
لمزيد من المعلومات، يُرجى الاطّلاع على
text-decoration-inset المستندات على شبكة مطوّري Mozilla.
محتوى إضافي للقراءة
تتضمّن هذه القائمة بعض النقاط الرئيسية فقط. يمكنك الاطّلاع على الروابط التالية لمعرفة المزيد من التغييرات في الإصدار 154 من Chrome:
اشتراك
للبقاء على اطّلاع على آخر الأخبار، اشترك في قناة Chrome Developers على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني كلما نشرنا فيديو جديدًا. يمكنك أيضًا متابعتنا على X أو LinkedIn للاطّلاع على المقالات ومنشورات المدوّنة الجديدة.
سنوافيكم بكل جديد في Chrome فور إطلاق الإصدار 155.