الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .border-img-1 { padding: 15px; border: 10px solid cornflowerblue; border-image: url(/tutorials/css/border-image/border.png) 30 stretch; } .border-img-2 { padding: 15px; border: 10px solid cornflowerblue; border-image: url(/tutorials/css/border-image/border.png) 30 round; } .border-img-3 { padding: 15px; border: 10px solid cornflowerblue; border-image: url(/tutorials/css/border-image/border.png) 20% round; } </style> </head> <body> <h2>border-image property</h2> <p class="border-img-1">border-image: url(border.png) 30 stretch;</p> <p class="border-img-2">border-image: url(border.png) 30 round;</p> <p class="border-img-3">border-image: url(border.png) 20% round;</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود