جديد على منصة الويب في ديسمبر

تعرَّف على بعض الميزات الشيّقة التي تم طرحها في إصدارات ثابتة وتجريبية من متصفّحات الويب خلال ديسمبر 2025.

Rachel Andrew

تاريخ النشر: 16 ديسمبر 2025

إصدارات المتصفّح الثابتة

تم طرح الإصدارات Chrome 143 وFirefox 146 وSafari 26.2 في القناة الثابتة خلال شهر كانون الأول (ديسمبر). تستعرض هذه المشاركة العديد من الميزات الجديدة التي أطلقناها هذا الشهر، بما في ذلك ميزات أصبحت متاحة حديثًا في Baseline.

ملاحظة: تتضمّن هذه المنشورات بيانات توافق المتصفّحات المستخرجة من MDN، وربما لم تخضع للتعديل بعد لتشمل أحدث إصدارات المتصفّحات. ستعرض المشاركة المعلومات الصحيحة فور ظهورها في إصدار بيانات التوافق مع المتصفح.

أصبحت قاعدة @scope CSS الآن جزءًا من Baseline

يتضمّن Firefox 146 قاعدة @scope في CSS التي تتيح لك اختيار عناصر في فروع معيّنة من شجرة نموذج العناصر في المستند. تحديد نطاق يمكن لأدوات الاختيار استهداف العناصر داخله، وتجنُّب أدوات الاختيار الطويلة والمحدّدة بشكل مفرط على سبيل المثال، لا يستهدف رمز CSS التالي عناصر <img> إلا إذا كانت داخل عنصر يحمل الفئة .card.

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

مع الإصدار 146 من Firefox، أصبحت قاعدة at-rule المفيدة هذه متاحة الآن في Baseline Newly. يمكنك الاطّلاع على مزيد من المعلومات حول هذا الموضوع في مقالة حصر نطاق أدوات الاختيار باستخدام قاعدة @scope في CSS.

دالة contrast-color() في CSS

يتضمّن الإصدار 146 من Firefox أيضًا وظيفة contrast-color(). تأخذ هذه الدالة قيمة لونية وتعرض لونًا متباينًا، بهدف ضمان الحد الأدنى من التباين وفقًا لمعيار AA من إرشادات WCAG.

للاطّلاع على المزيد من الأمثلة، راجِع مقالة كيفية اختيار المتصفّح لونًا متباينًا في CSS على مدونة WebKit.

Browser Support

• x
• x
• x
• 26

Source

متصفّح Firefox هو أول متصفّح يتيح استخدام السمة text-decoration-inset. تتيح لك هذه السمة تعديل نقطتَي البداية والنهاية لتزيين نص أحد العناصر، ما يتيح لك تقصيره أو إطالته أو تغيير موضعه بالنسبة إلى النص المعروض.

خاصية font-language-override في CSS

يتضمّن الإصدار 143 من Chrome السمة font-language-override. يتيح لك ذلك إلغاء سلوك نوع الخط للغة معيّنة. يكون هذا الخيار مفيدًا إذا كنت تستخدم خطًا لا يتوافق بشكل صحيح مع لغة معيّنة، ويمكنك اختيار استخدام رموز من لغة مشابهة تتوافق بشكل أفضل.

Browser Support

• x
• x
• 34
• x

Source

طلبات البحث في حاوية احتياطية ثابتة في CSS

يقدّم الإصدار 143 من Chrome السمة @container anchored(fallback) لتنسيق العناصر التابعة للعناصر الثابتة الموضع استنادًا إلى السمة position-try-fallbacks التي تم تطبيقها.

يمكن استخدام طلبات البحث هذه لتصميم ربط عنصر ثابت أو الرسوم المتحركة الخاصة به، استنادًا إلى كيفية تحديد موضع العنصر الثابت والعنصر المرتبط به بالنسبة إلى بعضهما البعض.

بنية الجملة النسبية للجانب في background-position-x/y longhands

تتوفّر أيضًا في 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

• x
• x
• 49
• 15.4

سمة overallProgress الخاصة بالصورة المتحركة

يتضمّن Safari 26.2 overallProgress. تعرض هذه السمة للقراءة فقط في واجهة Animation رقمًا بين 0 و1 يشير إلى المستوى العام لتقدّم الصورة المتحركة نحو حالتها النهائية.

أصبح هذا الموقع متاحًا الآن ضمن "الأساس" حديثًا.

Browser Support

• 133
• 133
• 142
• 

Source

أصبح مقياسا LCP وINP متاحَين الآن ضمن Baseline Newly

أصبح مقياسا سرعة عرض أكبر محتوى مرئي (LCP) ومدة عرض الاستجابة لتفاعل المستخدم (INP) متوفّرَين الآن في Baseline Newly، مع إمكانية استخدامهما في Safari 26.2، وذلك بفضل توفّر واجهتَي برمجة التطبيقات Contentful Paint API وEvent Timing API اللازمتَين لقياس هذين المقياسَين.

تم تضمين هذه الميزات في Interop 2025، ويمكنك الآن قياس هذه المقاييس في أحدث إصدار من جميع المتصفحات الرئيسية.

Largest Contentful Paint API

Browser Support

• 77
• 79
• 122
• x

Source

Event Timing API

Browser Support

• 76
• 79
• 89
• x

Source

تصل CHIPS إلى Baseline Newly available

يتضمّن الإصدار 26.2 من Safari أيضًا ميزة "ملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة" (CHIPS)، التي تتيح لك اختيار تخزين ملف تعريف الارتباط بشكل مقسَّم، مع توفير حاوية منفصلة لملفات تعريف الارتباط لكل موقع إلكتروني من المستوى الأعلى.

Browser Support

• 114
• 114
• 141
• x

Source

hidden="until-found"

يتضمّن الإصدار 26.2 من Safari دعمًا لـ hidden="until-found"، الذي أصبح متوفّرًا الآن في Baseline Newly.

Browser Support

• 102
• 102
• 139
• 

Source

السمتان command وcommandfor

يتيح الإصدار 26.2 من Safari أيضًا استخدام command و commandfor في الأزرار. يوفّر ذلك طريقة تعريفية للتحكّم في النوافذ المنبثقة ومربّعات الحوار.

Browser Support

• 135
• 135
• 144
• 

Source

يمكنك الاطّلاع على مزيد من المعلومات في المقالة تقديم command وcommandfor.

حدث scrollend

من الميزات الأخرى التي أصبحت متوافقة مع Baseline في Safari 26.2 هي حدث scrollend يتم تنشيط هذا الحدث عند اكتمال الانتقال للأعلى أو للأسفل، ويمكنك الاطّلاع على مزيد من المعلومات عنه في مقالة ‫Scrollend، حدث JavaScript جديد.

Browser Support

• 114
• 114
• 109
• 

Source

السمة scrollbar-color

تتيح لك السمة scrollbar-color تغيير لون شريط التمرير ومسار شريط التمرير. مع الإصدار 26.2 من Safari، يصبح هذا الخيار متاحًا أيضًا في Baseline Newly.

Browser Support

• 121
• 121
• 64
• x

Source

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفّر في الإصدار الثابت التالي من المتصفّح. هذه فرصة رائعة لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يتم طرح الإصدار للجميع. أحدث إصدارات تجريبية هذا الشهر هي Firefox 147 و Chrome 144.

يتضمّن الإصدار 144 من Chrome عنصر ::search-text الزائف الخاص بتنسيق نتائج البحث ضمن الصفحة، كما يتضمّن scrolled دعمًا لـ @scroll-state، ما يتيح لك تنسيق العناصر التابعة للحاويات استنادًا إلى أحدث اتجاه للتمرير. تتضمّن هذه الحزمة أيضًا واجهة برمجة التطبيقات Temporal API، مع كائنات ودوال عادية للتعامل مع التواريخ والأوقات.

‫Firefox 147 هو إصدار مثير يتضمّن ميزة تحديد موضع العنصر الثابت في CSS، وأنواع انتقالات العرض، وNavigation API.

للمزيد من المعلومات حول ميزات CSS وواجهة المستخدم الرائعة التي تم إطلاقها هذا العام، يمكنك الاطّلاع على ملخّص CSS لعام 2025.