Merhaba arkadaşlar diger makalemde css metin özelliklerini anlatmıştım bu sefer css arkaplan özelliklerini anlatıcam umarım begenirsiniz ne kadar cok yorum atarsanız o kadar cok makale gelicektir yorumlar benim için degerlidir arkadaşlar biraz destek cıkarsanız sevinirim neyse ben konumuza başlamak istiyorum.


Css arkaplan ö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. şimdi geniş anlatmak istiyorum arkaplan özelligini başlayalım

Css arkaplan özellikleri nelerdir ? 1. background 2. background-color 3. background-image 4. background-repeat 5. background-attachment 6. background-position

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

Bu Özelliklere Örnek Vericek Olursak;
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.

Bu Özelliklere Örnek Vericek Olursak;
#bspaylasimlar{ 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.

Bu Özellige Örnek Vericek Olursak; #bspaylasimlar{ background-image: url("onuryurt.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.

Bu Özellige Örnek Vericek Olursak; #bspaylasimlar { background: white url("onuryurt.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.

Bu Özellige Örnek Vericek Olursak; #paylasimlar { background: white url("onuryurt.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.

Bu Özellige Örnek Vericek Olursak; body { background: url("onuryurt.png") right top } /* 100% 0% */

Başlıca özellikler bunlardır arkadaşlar daha fazla içerik için yorum yapmanızı istiyorum emek verip sizler için anlatıyorum lütfen yorum bırakırsanız sevinirim.