پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393 12:16 AM
مشخص کردن یک عکس بعنوان border:
در انتهای این بیاموز، مثال های بیشتری را خواهید دید.
مرورگرهای Firefox, Chrome, Safari 6، خصوصیت border-image را پشتیبانی می کنند.
مرورگر Opera به پیشوند -o- نیاز دارد.
مرورگر Safari 5 به پیشوند -webkit- نیاز دارد.
با استفاده از خصوصیت مختصر border-image، می توانید در یک مرحله خصوصیت های زیر را تعیین نمایید:
توجه: اهمیتی ندارد که یکی از مقادیر بالا ذکر نشود، تنها رعایت ترتیب مقادیر مهم است.
می توانید از خصوصیات border-image برای ایجاد دکمه های زیبا با اندازه های مختلف استفاده نمایید.
مقدار پیشفرض | none 100% 1 0 stretch |
---|---|
ارث بری | خیر |
نسخه | CSS3 |
JavaScript ساختار | object.style.borderImage="url(border.png) 30 30 round" |
با استفاده از خصوصیت border-image-width می توانید اندازه ی پهنای (عرض) حاشیه ی عکس را تعیین کنید.
مقدار | توضیحات | نمایش دادن |
---|---|---|
border-image-source |
آدرس مسیر عکسی که به عنوان border (حاشیه) استفاده شده است. |
|
border-image-slice |
با استفاده از خصوصیت border-image-slice، می توانید حاشیه داخلی image-border را مشخص نمایید. |
|
border-image-outset |
|
|
border-image-repeat |
نحوه نمایش تصویر در حاشیه را مشخص می کند
|
نمایش دادن » |