CSS border-image-width Özelliği

CSS border-image-width

Css border-image-width özelliği ile kenarlık olması istenilen resimin dilimlerinin genişliği değiştirilebilir.

Örnek:

Bu örnekte kenarlık resmi için eklenen resmin dilimlerinin genişliğini farklı değerler vererek değiştireceğiz.

#border1 { border: 12px solid transparent; padding: 25px; margin-top: 30px; border-image-source: url(border.png); border-image-repeat: round; border-image-slice: 28; border-image-width: 15px; }

CSS border-image-width nedir nasıl kullanılır

CSS border-image-width	CSS border-image-width özellikleri
Varsayılan Değer:	1
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS3
JavaScript border-image-width:	object.style.borderImageWidth="15px 25px"

CSS border-image-width Tarayıcı Desteği

CSS Kodu:
border-image-width	15.0	11.0	13.0	6.0	15.0

CSS border-image-width Değerleri

border-image-width:number|%|auto|initial|inherit;

CSS border-image-width özelliği değerleri

CSS border-image-width değerleri	CSS border-image-width değerleri tanımları	CSS örnek uygulamalar
length	Border-width boyutunu belirten bir uzunluk birimi ( px )
number	Varsayılan değer 1
%	Yatay uzaklıklar için alanının genişliği , dikey uzaklıklar için yükseklik : Sınır görüntü alanının boyutunu gösterir.
auto	Belirtilen genişlik; gelen görüntü dilim içsel genişliği veya yüksekliği
initial	Özelliğin varsayılan değeridir.
inherit	Soybağından gelen değeri alır.