Css Arkaplan Özellikleri

Merhaba arkadaşlar bugün css’de arkaplan resimleri nasıl eklenir size anlatmaya çalışacağım. Css Background özelliklerini sırasıyla yazacak olursak;

• background
• background-attachment
• background-color
• background-image
• background-position
• background-repeat

background: Bu özellik tüm background özelliklerini içinde barındırır.

body
{ 
    background: black url(images/yazilimsinifi.jpeg) 
}

 background-attachment : Aşağıdaki örnek arkaplanın sabit durmasını veya scrol ile resmin boyutu kadar hareket etmesini sağlar.

body 
{ 
    background-attachment: fixed; 
    background: black url(images/yazilimsinifi.jpeg);

}

background-color: Aşağıdaki örnekte arkaplanı siyah renk yapmış bulunmaktayız.

p 
{ 
    background-color: #ffffff; 
}

background-image: Arka plana resim eklemek için kullanılır.

body 
{ 
    background-image: url(images/yazilimsinifi.jpeg);
}

background-position: Arka planı konumlandırmayı veya pozisyon türetmeyi sağlamak için kullanılabilir.

body 
{ 
    background-image: url(images/yazilimsinifi.jpeg);
    background-repeat: no-repeat; 
    background-position: left; 
}

background-repeat: Aslında önceki örneklerde bu özelliği kullandık fakat bir ana başlık altında bu özelliği toplamak daha mantıklı olur diye düşündüm. Bu özellik arka planın (zeminin) tekrarlanma ile alakalı özelliklerini temsil eder. Aşağıdaki örnekte yazilimsinifi arka plan resmimizi yatay olarak tekrarlanmasını sağladık.

body 
{ 
    background: url(images/yazilimsinifi.jpeg);
    background-repeat: repeat-y; 
}

Bir başka makalede görüşmek dileğiyle…

Sedat Demirdoğan