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 Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek