درCSS این قابلیت وجود دارد که از عکس به جای Border استفاده کرد
این پراپرتی در CSS3 به نام image-border وجود دارد که برخی از مروزگرها هنوز این استاندارد جدید را ساپورت نمیکنند و برای این کار از سینتکس متفاوتی میتوان استفاده کرد ، البته به غیر IE :(
پارامترهای این پرارتی عبارتند از:
- url
آدرس عکس مورد نظر
- slice
- عدد اول برای برش قسمت بالا به صورت افقی
- عدد دوم برای برش قسمت راست به صورت عمودی
- عدد سوم برای برش قسمت پایین به صورت افقی
- عدد چهارم برای برش سمت چپ به صورت عمودی
- strech
نکتهای که باید در نظر بگیرید Transparent بودن عکس برای قسمت داخلی عکس میباشد (برای درج مطالب)
مثال زیر نمونهای از استفاده از این ویژگی و سینتکس آن در مرورگرهای مختلف:
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
فایلهای ضمیمه را هم از لینک زیر دریافت کنید:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]