Kayıtlar

background-image etiketine sahip yayınlar gösteriliyor

CSS background-image Özelliği

CSS background-image Css background-image özelliği ile html elemanlarının arka planına resim eklenebilir. Örnek: Bu örnekte body elemanına bir arka plan resmi eklenecektir. body { background-image: url("manzara.jpg"); background-color: #B6FCD5; background-repeat: no-repeat; } Kendiniz deneyin » CSS background-image nedir nasıl kullanılır Bir html elemanının arkaplan zeminine resim eklenmesini sağlayan özelliktir. CSS background-image CSS background-image özellikleri   Varsayılan Değer: none   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS1 ve CSS3   JavaScript background-image: object.style.backgroundImage="url(smiley.gif)" Oynat CSS background-image Tarayıcı Desteği CSS Kodu:

JavaScript CSS background-image Örnek

javascript css background-image örnek uygulama Javascript ile background-image özelliğine url(papagan.gif); 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-image © htmlvecssegitimi.blogspot.com

CSS background-image Ö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-image özelliği ve örnek uygulamalar</title> <style> body { background-image: url("http://1.bp.blogspot.com/-7KGa6wxnWC0/Vi_DWQuW0aI/AAAAAAAAA2I/zaRlayhBypo/s1600/manzara.jpg"); background-color: #B6FCD5; background-repeat: no-repeat; } h1{color:white;} </style></head> <body> <h1> Css'te body etiketine (sayfaya) arkaplan resim atama işlemi</h1></body> </html>