CSS بک دیکوریشن بریک کلاس

تعریف و استفاده

ویژگی box-decoration-break تعیین می‌کند که هنگام تقسیم کردن جعبه عنصر، چگونه پس‌زمینه، padding، لبه، border-image، box-shadow، margin و clip-path عنصر اعمال می‌شود.

مثال

ویژگی 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;

مقدار ویژگی

مقدار توضیح
slice پیش‌فرض. زینت جعبه به عنوان یک مجموعه به عنصر اعمال می‌شود و در لبه‌های بخش‌های عنصر شکسته می‌شود.
clone

زینت جعبه به هر بخش از عنصر اعمال می‌شود، انگار که بخش‌ها یک عنصر جداگانه هستند.

لبه‌های هر بخش از عنصر لبه‌های چهارگانه دارد و پس از آن هر بخش به طور کامل دوباره نقاشی می‌شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به: initial.
inherit این ویژگی را از عنصر پدر خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض: slice
وراثت: خیر
انیمیشن: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی است که این ویژگی را به طور کامل پشتیبانی می‌کنند.

از -webkit- شماره‌های تعیین شده برای استفاده از پیشوند اولین نسخه استفاده کنید.

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