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

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

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek