تاريخ النشر: 30 يونيو 2026
نعمل حاليًا على طرح الإصدار 150 من Chrome، ويتضمّن هذا المنشور بعض الميزات الرئيسية التي يتضمّنها هذا الإصدار. يمكنك الاطّلاع على ملاحظات إصدار Chrome 150 الكاملة.
أبرز الميزات في هذا الإصدار:
- تعمل السمة
text-fitفي CSS على تغيير حجم الخط ليتناسب مع المربّعات الحاوية. - توفّر مكتبة Focusgroup إمكانية التنقّل باستخدام مفاتيح الأسهم في مكوّنات الويب بشكل تصريحي.
- تتيح لك السمة CSS background-clip: border-area إنشاء حدود متدرّجة الألوان بشكلٍ أصلي.
خاصية text-fit في CSS
تعمل السمة text-fit على تغيير حجم خط عقد النص ليناسب تمامًا عرض المربّع الذي يحتوي عليه.
تتيح لك هذه السمة التأكّد من أنّ العناوين أو المحتوى الديناميكي يملأ المساحة الأفقية المتاحة بدون الحاجة إلى إجراء حسابات يدوية لحجم الخط أو استخدام حلول بديلة معقّدة بلغة JavaScript. وهي توفّر حلاً قويًا ومضمّنًا في CSS للكتابة السريعة الاستجابة، ما يحافظ على المحاذاة المرئية على أحجام الشاشات المختلفة.
Focusgroup
تتيح لك السمة focusgroup تحديد إمكانية التنقّل باستخدام مفاتيح الأسهم في الأدوات المجمّعة،
وإمكانية التوقّف عند علامة التبويب، وتذكُّر آخر عنصر تم التركيز عليه، ما يغنيك عن كتابة رمز برمجي يدويًا لتوفير إمكانية التنقّل باستخدام
علامة التبويب.
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
CSS background-clip: border-area
تنفّذ القيمة border-area للخاصية background-clip في CSS. تقصّ background-clip: border-area خلفية العنصر إلى المنطقة التي يتم رسمها بواسطة ضربات حدودها، مع أخذ border-width وborder-style في الاعتبار وتجاهل الشفافية من border-color.
يتيح لك ذلك إنشاء حدود متدرّجة الألوان مباشرةً في CSS بدون الحاجة إلى حلول بديلة.border-image
محتوى إضافي للقراءة
هذا يشمل بعض النقاط الرئيسية فقط. يمكنك الاطّلاع على الروابط التالية لمعرفة المزيد من التغييرات في الإصدار 150 من Chrome.
اشتراك
للبقاء على اطّلاع على آخر الأخبار، اشترِك في قناة Chrome Developers على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا. يمكنك أيضًا متابعتنا على X أو LinkedIn للاطّلاع على المقالات ومنشورات المدوّنة الجديدة.
فور طرح الإصدار 151 من Chrome، سنكون هنا لإطلاعك على الميزات الجديدة في Chrome.