الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .border-img { border-image-source: url(/tutorials/css/border-image/border.png); border-image-width: 20px; border-image-outset: 30px; border-image-slice: 30; border-image-repeat: stretch; margin: 40px; background: lightblue; } </style> </head> <body> <p class="border-img">border-image-outset: 30px;</p> <p>The image border is 30px far from the element.</p> <p>Note: we add some margin about the element to make the outside image border apears.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود