Year: 2024

69- استعلامات الوسائط CSS

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

Read More »

68-ترجمة نص CSS Box Sizing إلى العربية:

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

Read More »

67- متغيرات CSS – دالة var()

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

Read More »

66- واجهة مستخدم CSS

في هذا الفصل، ستتعلم عن خصائص واجهة مستخدم CSS التالية: تغيير الحجم (resize): تحدد هذه الخاصية ما إذا كان يمكن…

Read More »

65-CSS تخطيط الأعمدة المتعددة

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

Read More »

64- أمثلة على ترقيم الصفحات باستخدام CSS

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

Read More »

63- أزرار CSS

تعرف على كيفية تنسيق الأزرار باستخدام CSS. تنسيق الازرار الأساسي .button { background-color: #04AA6D; /* Green */ border: none; color:…

Read More »

62- تشكيل باستخدام CSS (Masking)

باستخدام خاصية التشكيل (Masking) في CSS، يمكنك إنشاء طبقة قناع توضع فوق عنصر ما لإخفاء أجزاء من هذا العنصر بشكل…

Read More »

61- خاصية object-position في CSS

خاصية object-position في CSS تستخدم لتحديد كيفية وضع عنصر <img> أو <video> داخل حاوية العرض الخاصة به. الصورة لنفترض أن…

Read More »

60-خاصية object-fit في CSS

خاصية object-fit في CSS تستخدم لتحديد كيفية تغيير حجم عنصر <img> أو <video> ليلائم حاوية العرض الخاصة به. تتيح لك…

Read More »