ویژگی Style borderImageSlice
- صفحه قبل
- صفحه بعدی
- برگشت به طبقه بالاتر موضوع Style HTML DOM
تعریف و استفاده
borderImageSlice ویژگی تعیین میزان حرکت داخل تصویر مرز اشاره کنید.
لطفاً به
دستورالعمل CSS:ویژگی border-image-slice
مثال
تعیین میزان حرکت داخل تصویر مرز:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
جملات
بازگشتی ویژگی borderImageSlice:
object.style.borderImageSlice
تنظیم ویژگی borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| number | عدد، که نشان‌دهنده پیکسل‌ها (اگر تصویر رaster است) یا مختصات وکتور (اگر تصویر وکتور است). |
| % |
نسبت به اندازه تصویر به صورت درصد: عرض تصویر تأثیر می‌گذارد که میزان حرکت افقی را تعیین می‌کند، و ارتفاع تصویر تأثیر می‌گذارد که میزان حرکت عمودی را تعیین می‌کند. مقدار پیش‌فرض 100% است. |
| fill | بخش میانی تصویر پیرامون مرز را حفظ می‌کند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 100% |
|---|---|
| مقدار بازگشتی: | رشته، که نشان‌دهنده ویژگی border-image-slice. |
| نسخه CSS: | CSS3 |
پشتیبانی از مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 11.0 | پشتیبانی | 6.0 | 15.0 |
لطفاً ببینید خصوصیت borderImage!
- صفحه قبل
- صفحه بعدی
- برگشت به طبقه بالاتر موضوع Style HTML DOM
