Style borderImageSlice özelliği

Tanım ve Kullanım

borderImageSlice Özellik, görsel kenar çizgisinin içe doğru kaymasını belirtir.

Ayrıca bakınız:

CSS Referans Kılavuzu:border-image-slice özelliği

Örnek

Görsel kenar çizgisinin içe doğru kaymasını belirtir:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Kişisel olarak deneyin

Sözdizimi

borderImageSlice özelliğini döndürmek:

object.style.borderImageSlice

borderImageSlice özelliğini ayarlamak:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Özellik değeri

Değer Açıklama
number Sayı, görsel içindeki piksel (raster görsel ise) veya vektör koordinatları (vektör görsel ise).
%

Görsel boyutlarına göre yüzdelik değerler: görsel genişliği yatay kaymayı etkiler, yüksekliği dikey kaymayı etkiler.

Öntanımlı değer 100% dir.
fill Kenar çizgisi görselinin ortasını korur.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： 100%
Dönüş değeri： dizge, elementin border-image-slice özelliği。
CSS sürümü： CSS3

Tarayıcı destekler

Tablo içindeki numaralar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destekleniyor 11.0 Destekleniyor 6.0 15.0

Bakınız borderImage özelliği!