الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .border-img { padding: 15px; border: 10px solid cornflowerblue; border-image-source: url(/tutorials/css/border-image/border.png); border-image-slice: 30; } .border-img-stretch { border-image-repeat: stretch; } .border-img-repeat { border-image-repeat: repeat; } .border-img-round { border-image-repeat: round; } .border-img-space { border-image-repeat: space; } </style> </head> <body> <p class="border-img border-img-stretch">border-image-repeat: stretch</p> <p class="border-img border-img-repeat">border-image-repeat: repeat</p> <p class="border-img border-img-round">border-image-repeat: round</p> <p class="border-img border-img-space">border-image-repeat: space</p> <p>Note: resize the window to notice the difference.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود