Kayıtlar

background-repeat etiketine sahip yayınlar gösteriliyor

CSS background-repeat Özelliği

CSS background-repeat Css background-repeat özelliği , arka plan olarak eklenen resmin hangi eksende tekrar edip ya da etmemesini düzenler. Örnek: Bu örnekte arka plan olarak eklenen resim yatay eksende (x) tekrar edecektir. body { background-image: url("resim.png"); background-repeat: repeat-x; } Kendiniz deneyin » CSS background-repeat nedir nasıl kullanılır Css background-repeat arka plan olarak kullanılan resmin hangi eksende tekrar edip ya da etmemesini düzenler. CSS background-repeat CSS background-repeat özellikleri   Varsayılan Değer: repeat   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS1   JavaScript background-repeat: object.style.backgroundRepeat="repeat-x" Oynat CSS background-repeat Tarayıcı Desteği CSS Kodu:

CSS background-repeat uygulama

CSS background-repeat div {     background-image:url(kurbaga.gif);    background-repeat:repeat } CSS background-repeat değerleri repeat repeat-x repeat-y no-repeat initial Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS background-repeat Örnek

javascript css bakcground-repeat örnek uygulama repeat-x: yatay eksende resmi tekrarlar. repeat-y: düşey eksende resmi tekrarlar. no-repeat: resmi tekrarlamaz. Javascript ile bakcground-repeat özelliğine repeat-x değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-repeat özelliğine repeat-y değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-repeat özelliğine no-repeat değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır JavaScript css background-repeat © htmlvecssegitimi.blogspot.com

CSS background-repeat Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css background-repeat özelliği ve örnek uygulamalar</title> <style> body { background-image: url("http://1.bp.blogspot.com/-2dVAMvmM4Uw/Vi_LCdODXwI/AAAAAAAAA2Y/j-q426uhopA/s1600/html-css.png"); /* aşağıdaki css kodu ile resim yatay eksende kopyalanacaktır*/ background-repeat: repeat-x; } </style></head> <body> <p style="margin-top:80%;"> Arka plan olarak eklenen resim <strong style="color:red;">