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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS justify-content Özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS top Özelliği