4 تغريدة 2 قراءة Jan 08, 2023
ما الجديد في الـ CSS لسنة 2022؟
تم اضافة للغة التنسيق CSS في سنة 2022، هذه بعضها وأهمها مع وصف سريع لها:
خاصية @when/@else : عناصر جديدة يمكن استخدامها لتحديد بعض الشروط لتطبيق الستايل عليها .
خاصية @container: عنصر جديد أشبه بعناصر Media Query لتنسيق أحجام عناصر الصفحة .
خاصية :has() يمكن اعتمادها على نوع من Attribute للتحقق من وجود عنصر داخله، وإن كان يتم تطبيق ستايل محدد عليه.
خصائص ألوان جديدة hwb() lab() lch() color-mix() يمكن تطبيقها لصناعة ما يشبه بفلاتر على الصور باستخدام css.
خاصية @layer لتحديد أقسام صفحات الويب وإعطائها نوع من التدرج من حيث الأهمية.
خاصية @scroll-timeline ستساعدك في إضافة أنيميشن على صفحة الويب أثناء عملية السكرول ( النزول والصعود في الصفحة )، سابقا تقوم بها باستخدام مكتبات JS خارجية.
تضمين خصائص Nesting في الكود، سابقا فقط Preprocessors مثل SASS او LESS التي تستخدمها، الآن يمكنك استخدامها بدورك ( وهي إدراج ستايل css لعنصر داخلي دون كتابته عن طريق عبارة & فقط.
هذه الخصائص سيتم إضافتها تدريجيا طيلة هذه السنة، بعضها متاح وبعضها لازال في طور التهيئة.

جاري تحميل الاقتراحات...