الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- سيتم <span> هنا قمنا بتحديد أن النص الموضوع في الوسم عرضه بلون أحمر في حال كان عرض الشاشة لا يتجاوز 400 بكسل --> <style media="screen and (max-width: 400px)"> span { color: red; } </style> <!-- سيتم <span> هنا قمنا بتحديد أن النص الموضوع في الوسم عرضه بلون أزرق في حال كان عرض الشاشة هو 400 بكسل على الأقل --> <style media="screen and (min-width: 400px)"> span { color: blue; } </style> </head> <body> <p>Hello my name is <span>Mhamad</span>. I'm from <span>Lebanon</span>.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود