Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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.

Yorumlar