CSS كسر-زخرفة- الصندوق الخاصية

التعريف والاستخدام

تحديد خاصية box-decoration-break يحدد كيفية تطبيق الخلفية والملء والحافات والصورة الحافات والظل والحدود والطول والطول المحدد والطول المحدد في حالة قطع العنصر.

مثال

تحديد خاصية box-decoration-break:

span.ex1 { 
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
span.ex2 { 
  -webkit-box-decoration-break: slice;
  -o-box-decoration-break: slice;
  box-decoration-break: slice;
}

تجربة بنفسك

نحو CSS

box-decoration-break: slice|clone|initial|inherit|unset;

قيمة الخاصية

القيمة الوصف
قطعة الافتراضي. تطبيق زخرفة الصندوق على العنصر ككل، ويتم كسر الحافات في أجزاء العنصر.
clone

تطبيق زخرفة الصندوق على كل جزء من العنصر، كما لو كان الجزء عنصرًا واحدًا.

يحيط كل جزء من العنصر بالحافات الأربعة للدائرة ويقوم بإعادة رسم خلفية كل جزء بشكل كامل.
initial ضعه على قيمة افتراضية لهذا الخصائص. انظر إلى: initial.
inherit يرث هذا الخصائص من عنصر الأب. انظر إلى: inherit.

تفاصيل التقنية

القيمة الافتراضية: قطعة
الوراثة: لا
صنع الرسوم المتحركة: غير مدعوم. انظر إلى:خصائص الرسوم المتحركة.
الإصدار: CSS3

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

يستخدم المقدار الأول من التسمية التوضيحية المسبقة مع -webkit- بعد التتبع.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-