CSS’de Arkaplan Özellikleri

Bu yazıda css ile sayfaya eklenen arkaplan fotoğrafı üzerinde uygulanabilecek bir kaç özellikten bahsedeceğim.

Css ile Arkaplana Fotoğraf Ekleme

Css ile arkaplana fotoğraf eklemek için  background-image: url(foto.jpg); kodunu yazıyoruz.

Css İle Eklenen Fotoğrafın Tekrar Sayısını Belirleme

Css ile eklenen fotoğrafın sayfa boyunca tekrarlanmaması için;

background-repeat:no-repeat;

kodunu yazıyoruz. Böylece fotoğraf yalnızca bir tane eklenmiş olacak. Eklenen fotoğrafın sayfada sağ tarafa doğru eklenmesi için background-repeat: repeat-x; , aşağı doğru eklenmesi için ise background-repeat: repeat-y; kodunu yazabiliriz.

Css İle Eklenen Fotoğrafın Sabit Durması

Css ile sayfamıza eklediğimiz fotoğrafın, eklediğimiz konumda sabit durması için background-attachment: fixed; kodunu kullanabiliriz. Böylece sayfayı kaydırsak bile fotoğraf orada duracaktır.

Css İle Eklenen Fotoğrafın Pozisyonunu Belirlemek

Css ile eklenen fotoğrafın yada nesnesin pozisyonunu;

background-position: left bottom;
background-position: left top;
background-position: left center;

gibi şekillerde yazabiliriz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir