CSS border-image-outset Özelliği

CSS border-image-outset

Css border-image-outsetborder-image dış hat çizgisinin kutunun dışına taşan kısmını belirtir.

Örnek:

Bu örnekte kenarlık olarak eklenen resmin border-image-outset değeri "15px"olarak uygulanmıştır.

#kutu { border: 12px solid transparent; padding: 12px; border-image-source: url(border.png); border-image-slice: 28; border-image-repeat: round; border-image-outset: 15px; }

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

Border-image olarak kullanılacak olan resmin dış hat çizgisinden ne kadar uzaklaşacağının belirtilmesini sağlayan css özelliğidir.

CSS border-image-outset CSS border-image-outset özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript border-image-outset: object.style.borderImageOutset="10px"

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

CSS Kodu:
border-image-outset 15.0 11.0 15.0 6.0 15.0

CSS border-image-outset Değerleri

border-image-outset: length|number|initial|inherit;

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

CSS border-image-outset değerleri CSS border-image-outset değerleri tanımları CSS örnek uygulamalar
length Uzunluğunu belirtmek gerekir.
number Sayılsal değer girilecektir.
initial Özelliğin varsayılan başlangıç değeridir.
inherit Özelliğin soybağından gelen değeridir.  

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