خاصیت border-image در خطوط حاشیه :
به وسیله این خاصیت می توان یک عکس را به عنوان خطوط حاشیه برای یک عنصر به کار برد . شکل کلی استفاده از این خاصیت به شرح زیر است
این خاصیت یک خاصیت چند مقداری بوده و حالت
کوتاه و خلاصه شده چندین خاصیت border-image-source, border-image-width,
border-image-outset و border-image-repeat است . برای تعیین خواص فوق دو
راه وجود دارد :
1-تعیین مقدار کلیه خواص در خاصیت چند مقداری border-image .
1-تعیین مقدار کلیه خواص در خاصیت چند مقداری border-image .
2-تعیین هر کدام از خواص به صورت جداگانه
. راه اول راهی بهتر و متداول است . زیرا حجم کدنویسی را کاهش داده و نظم
بهتری به کد نویسی می دهد .
در روش اول در واقع باید مقدار هر کدام از خاصیت های border را به ترتیب قرار داد . در جداول زیر به توضیح هر یک موارد بالا می پردازیم و سپس با ارایه چند مثال آنها را در عمل به شما نمایش می دهیم :
بقیه در ادامه مطلب . . .
در روش اول در واقع باید مقدار هر کدام از خاصیت های border را به ترتیب قرار داد . در جداول زیر به توضیح هر یک موارد بالا می پردازیم و سپس با ارایه چند مثال آنها را در عمل به شما نمایش می دهیم :
منبع:developerstudio