PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش استفاده از تصویر در حاشیه ها در CSS3



software
2012/08/18, 11:04 PM
درود
نمونه ای از آموزش:لینک (http://softwareha.ugig.ir/border-image.html)
در این آموزش به استفاده از تصاویر در حاشیه ها می پردازیم.

border-image:url(image.png) X Y ;
image.png:تصویر موردنظر.

X:استفاده از یک عدد برای بزرگ و کوچک کردن حاشیه های قسمت بالا و پایین.

Y:استفاده از یک عدد برای بزرگ و کوچک کردن حاشیه های قسمت چپ و راست.

نکته:این خصوصیت در Internet Explorer پشتیبانی نمی شود.همچنین در دیگر مرورگر ها از پیشوند آن ها برای نمایش بهتر استفاده کنید .


در Firefox :

-moz-border-image:url(image.png) X Y ;


در Opera :

-o-border-image:url(image.png) X Y ;


در Safari و Chrome :

-webkit-border-image:url(image.png) X Y ;


این خصوصیت از دو ویژگی round و stretch پشتیبانی می کند.

در حالت عادی زمانی که از این دو ویژگی استفاده نمی کنیم ویژگی stretch به صورت پیش فرض جود دارد اما برای خوانایی بهتر ذکر کردن آن خالی از لطف نیست.:دی


ویژگی stretch :

border-image:url(image.png) X Y stretch;


ویژگی round :

border-image:url(image.png) X Y round;



با تشکر.

Mr.Ramin
2012/08/18, 11:07 PM
تـــائید شد .