CSS box-decoration-break özelliği

Tanım ve kullanım

box-decoration-break özelliği, element çerçevesi parçalara ayrıldığında, elementin background, padding, border, border-image, box-shadow, margin ve clip-path'lerinin nasıl uygulanacağını belirler.

Örnek

box-decoration-break özelliğini tanımlar:

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;
}

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
slice Varsayılan. Düzenli çerçeve, elemente genel olarak uygulanır ve element parçalarının kenarlarında parçalanır.
clone

Düzenli çerçeve, elementin her parçasına uygulanır ve parçalar tek elementler gibi davranır.

Kenar çerçevesi, elementin her parçasının dört kenarını kapsar ve her parçanın arka planını tamamen yeniden çizer.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği, ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: slice
Devralma: Hayır
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

跟随 -webkit- 的数字规定使用前缀的首个版本。

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