English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تحدد خاصية border-image-outset الخاصية CSS مقدار الازدواجية التي تزيد من منطقة الصورة الحدودية من كتلة الحدود.
في الجدول أدناه، يُوضح استخدام هذه الخاصية و سجله التاريخي بالإضافة إلى синтكس استخدام الخاصية في سكربتات الجافا سكريبت.
| القيمة الافتراضية: | 0 |
|---|---|
| يُطبق على: | يمكن تطبيق هذه الخاصية على أي عنصر، ولكن عندما يكون قيمة خاصية border-collapse للعناصر الجدولية (مثل tr,th,td) هي collapse، فإن خاصية border-image-outset غير صالحة. يُطبق أيضًا على::first-letter。 |
| وراثة: | لا |
| يمكنه الرسوم المتحركة: | لايرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | ميزات جديدة في CSS3 |
| جملة JavaScript: | عنصر.style.borderImageOutset="20 20" |
جملة هذا الخاصية هي:
حافة-صورة-النزول: طول | عدد | البداية | توريث
في المثال التالي، يتم عرض كيفية استخدام خاصية حافة-صورة-النزول.
.box {
العرض: 300px;
الارتفاع: 150px;
حافة: 15px solid transparent;
حافة-صورة-مصدر: url("border.png");
حافة-صورة-قطع: 30;
حافة-صورة-النزول: 15px;
}اختبر لمعرفة‹/›جدول يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| طول | يُحدد المسافة المطلقة أو المسافة النسبية لمسافة الصورة الحدودية من حدود الصندوق. لا يُسمح باستخدام القيم السلبية. |
| رقم | يُمثل عرض الحافة أو عرض الصندوق الحدوديحافة-عرضمضاعفات القيمة. |
| البداية | ضع الخاصية هذه في قيمتها الافتراضية. |
| توريث | إذا تم تحديد، فإن العنصر المرتبط يستخدم قيمة الخاصية حافة-صورة-النزول الخاصة بالعنصر الأم. |
مستوى التطابق للمتصفحات للحافة-صورة-النزول، الأرقام في الجدول التالي تعكس إصدار أحدث متصفح يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:حافة CSS3وحافة CSS。
خصائص مرتبطة:حافة-صورة،حافة-صورة-مصدر،حافة-صورة-قطع،حافة-صورة-عرض،حافة-صورة-تكرار،حافة。