در این مطلب قصد داریم تا یکی دیگر از خواص جدید در زبان css3 را مورد بررسی قرار دهیم.در ادامه می پردازیم به خاصیت border-image در خطوط حاشیه در زبان css3.

به وسیله این خاصیت می توان یک عکس را به عنوان خطوط حاشیه برای یک عنصر به کار برد . شکل کلی استفاده از این خاصیت به شرح زیر است :

; border-image : source width outset repeat

; border-image : url(../Pic/border_image.png) 30 30 round:مثال

این خاصیت یک خاصیت چند مقداری بوده و حالت کوتاه و خلاصه شده چندین خاصیت border-image-source, border-image-width, border-image-outset و border-image-repeat است . برای تعیین خواص فوق دو راه وجود دارد :

تعیین مقدار کلیه خواص در خاصیت چند مقداری border-image .
تعیین هر کدام از خواص به صورت جداگانه .

راه اول راهی بهتر و متداول است . زیرا حجم کدنویسی را کاهش داده و نظم بهتری به کد نویسی می دهد .