Month: June 2024

ما المقصود بمنطقة العرض (Viewport)؟ منطقة العرض (Viewport) هي المساحة المرئية للمستخدم لصفحة الويب. ضبط منطقة العرض عرف HTML5 طريقة جديدة تتيح لمصممي الويب […]...

ما هو تصميم الويب الاستجابة؟ تصميم الويب الاستجابة (Responsive Web Design) يضمن مظهرًا رائعًا لصفحتك الإلكترونية على جميع الأجهزة. تصميم لأفضل تجربة لجميع المستخدمين […]...

وحدة نموذج صندوق Flexbox في CSS قبل وحدة نموذج صندوق Flexbox، كانت هناك أربعة أنماط تخطيط: تتيح لك وحدة نموذج الصندوق المرنة (Flexbox) تصميم […]...

استعلامات الوسائط CSS – المزيد من الأمثلة للق نظرة على بعض الأمثلة الأخرى على استخدام استعلامات الوسائط. تعد استعلامات الوسائط تقنية شائعة لتقديم ورقة […]...

قاعدة @media، التي تم تقديمها في CSS2، جعلت من الممكن تحديد قواعد أنماط مختلفة لأنواع وسائط مختلفة. وسعت استعلامات الوسائط في CSS3 فكرة أنواع […]...

نموذج صندوق CSS خاصية box-sizing في CSS تسمح لنا بتضمين التبطين والحواف في العرض والارتفاع الإجمالي للعنصر. بدون خاصية CSS box-sizing بشكل افتراضي، يتم […]...

متغيرات CSSتُستخدم دالة var() لإدراج قيمة متغير CSS. تحصل المتغيرات CSS على وصول إلى DOM، مما يعني أنه يمكنك إنشاء متغيرات ذات نطاق محلي […]...

في هذا الفصل، ستتعلم عن خصائص واجهة مستخدم CSS التالية: دعم المتصفحات يوضح الجدول أدناه إصدارات المتصفحات الأولى التي تدعم كل خاصية بشكل كامل. […]...

تتيح خاصية تخطيط الأعمدة المتعددة في CSS سهولة تعريف أعمدة نصية متعددة – تمامًا مثل الصحف: خصائص أعمدة متعددة في CSS في هذا الفصل، […]...

تعلم كيفية إنشاء ترقيم للصفحات يستجيب لحجم الشاشة باستخدام CSS. ترقيم الصفحات البسيط إذا كان موقع الويب الخاص بك يحتوي على العديد من الصفحات، […]...