CSS border-image-repeat Özelliği

CSS border-image-repeat

Css border-image-repeat özelliği html elemanının kenar resminin tekrar etmesi ,esnetilmesi gibi özelliklerini tanımlar..

Örnek:

Bu örnekte border-image-repeat özelliğine round , repeat ve stretch değerleri verilerek etkileri öğrenilecektir.

#resimkenarlik1 { border: 12px solid transparent; padding: 12px; border-image-source: url('border.png'); border-image-repeat: repeat; border-image-slice: 28; }

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

CSS border-image-repeat	CSS border-image-repeat özellikleri
Varsayılan Değer:	auto
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS3
JavaScript border-image-repeat:	object.style.alignSelf="center"

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

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

CSS border-image-repeat Değerleri

border-image-repeat:stretch|repeat|round|initial|inherit;

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

CSS border-image-repeat değerleri	CSS border-image-repeat değerleri tanımları	CSS örnek uygulamalar
stretch	Varsayılan değer. Görüntü alanını kaplayacak şekilde genişletilir
repeat	Görüntü alanını doldurmak için (Mükerrer) döşenir
round	Tam sayı değer ile tekrar sağlanır
space	Kareleri boşluklu olacak şekilde döşer.
initial	Özelliğin varsayılan değeridir.
inherit	Soybağından gelen değeri taşır.