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

Bu blogdaki popüler yayınlar

Linklerin Renklerini Değiştirme Örnek

HTML Element Referansları

HTML main Etiketi

HTML yorum etiketi ile öğe gizleme örneği

Html dersleri

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği