الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .demo { /* خصائص الحدود العلوية */ border-top-style: solid; border-top-width: 10px; border-top-color: blue; /* خصائص الحدود السفلية */ border-bottom-style: solid; border-bottom-width: 10px; border-bottom-color: blue; /* خصائص الحدود جهة اليمين */ border-right-style: double; border-right-width: 10px; border-right-color: orange; /* خصائص الحدود جهة اليسار */ border-left-style: double; border-left-width: 10px; border-left-color: orange; } </style> </head> <body> <h2>CSS border sides</h2> <p class="demo">demo</p> </body> </html>