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

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

Javascript ile neler yapılabilir

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS align-self özelliği

HTML5 Canvas Oyun Yapımı Dersleri