Css Arka Plan Özellikleri

Css Arka PLan ÖzellikLeri

Css ile arkaplanlar hazırlamak bir sanattır aslında.
Kendi sitemin arkaplanı hazırlarken sponsor reklamın çok göze batmaması için şeritler düşünerek yaptım.
Daha sonra sabitledim ve reklam tasarım ile bir bütünmüş görüntüsüne kavuştu.

Css arkaplan özellikleri nelerdir ? 
Arkaplan özellikleri şunlardır: 
1. background
2. background-color
3. background-image
4. background-repeat
5. background-attachment
6. background-position


Background nedir ? 
Background temel arkaplan özelliğidir. Body etiketi ile kullanılır ve kişisel arkaplan özelliklerini vermenin en kolay yoludur.

Örnek: body{background: blue; }

Background-color nedir ?
Her yerde kullabileceğimiz bir temel bileşendir aslında. Sadece css değil html kodlarında da sık sık kullanılır.Kodu kullandığımız alanın arkaplan renk özelliğini değiştirmeye yarar.

Örnek: #tabella{background-color: #000000; }

Background-image nedir ? 
Css ve html kodlarında sık sık kullanılan bir resim özelliğidir. Kullandığımız alanın arka planına resim koyulmasını sağlar.

Örnek: #tablella{background-image: url("images/etkindizayn.png") ; }

Background-repeat nedir?
Sahip olduğu değerler :  repeat, repeat-x, repeat-y, no-repeat, inherit 
Diğer özellikler gibi bütün unsurlara uygulanabilir.Bu özellik arkaplanın bir nevi tekrar edilip edilmemesi olayıdır.

Örnek:  
#content {
background: white url("etkindizayn.png");
background-repeat: repeat-x; }

Background-attachment nedir ?
Sahip olduğu değerler: scroll, fixed, inherit 
Bütün unsurlara uygulanabilir bir özelliktir. Arkaplanın sabit olup olmaması bu unsura bağlıdır. Kenar çubuğu koymak istersen yine bu unsur yardımıyla yapılır.

Örnek: 
#content {
background: white url("etkindizayn.png");
background-repeat: repeat-x;
background-attachment: fixed; }

Background-position nedir ? 
Aldığı değerler:  percentage, length, top center bottom left center right, inherit 
Bütün unsurlara uygulanabilir bir css özelliğidir. Arkaplanın pozisyonunu ayarlamamızda yardımcı olur.

Örnek:  body { background: url("etkindizayn.png") right top } /* 100% 0% */ 

Başlıca özellikler bunlardır. Bu konu hakkında sorunuz olduğunda "Yorum" Bırakabilirsiniz...