خصائص 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 | رقم، يعبر عن بكسل في الصورة (إذا كانت صورة فوضوية) أو مسافات فيزيائية (إذا كانت صورة فيزيائية). |
| % |
نسبة مئوية للقياسات الحقيقية للصورة: عرض الصورة يؤثر على التحرير الأفقي، طول الصورة يؤثر على التحرير العمودي. القيمة الافتراضية هي 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
