Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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.  

Yorumlar