سلام. با دوازدهمین جلسه آموزش ویژگی های جدید css3 در خدمت شما عزیزان هستم. به کمک این کدی در ادامه قرار دادم ، شما می توانید به جای خطوط در حاشیه (Border) ، تصاویر را جایگزین کنید.
این ویژگی در مرورگرهای کروم ۲+ ، سافاری ۳٫۱+ ، فایرفاکس ۳٫۵+ و اپرا ۱۰٫۵+ پشتیبانی می شود.
برای دریافت فایل نمونه و کد به ادامه مطلب مراجعه کنید…


border-width: 19px;
-webkit-border-image: url(images/border-image.gif) 19 19 19 19 repeat;
-moz-border-image: url(images/border-image.gif) 19 19 19 19 repeat;
border-image: url(images/border-image.gif) 19 19 19 19 repeat; /* for Opera */

تذکر : بجای اعداد، باید اندازه تصویر را وارد کنید.

دانلود : فایل نمونه
منبع : سورس گذر