الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .border-gradient { border: 10px solid blue; border-image-source: repeating-linear-gradient(45deg, pink, dodgerblue 20px); border-image-slice: 30; height: 50px; padding: 10px; } </style> </head> <body> <p class="border-gradient">border-image-source: repeating-linear-gradient(45deg, pink, dodgerblue 20px);</p> <p>You can use border-image-source to add linear gradient color as border.</p> <p>Note: The element should have a height and width to be able to show the color on.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود