ویژگی box-decoration-break CSS

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

ویژگی box-decoration-break تعیین می‌کند که چگونه هنگام تقسیم کردن قاب عنصر، ویژگی‌های background، padding، border، 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-.

کروم IE / Edge افراد سافاری آپرا
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-