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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML em Etiketi

HTML hr Etiketi

CSS justify-content Özelliği

HTML table Etiketi

CSS align-items özelliği

HTML pre Etiketi

CSS flex-basis Özelliği

HTML menu Etiketi

CSS content Özelliği