Posted on: 08 Eyl 2008
Css Arkaplan Özellikleri
Css nin bg özellikleri sade ve yalın bir dille anlatılmış eminim işinize yarayacaktır 
CSS özellikleri bir elementin arkaplanını belirlemenize imkan sağlar. Arkaplanlar renkler ya da resimler olabilir.
Arkaplan özellikleri şunlardır:
1. back-ground,
2. background-color,
3. background-image,
4. background-repeat,
5. back-ground-attachment,
6. background-position.
Şimdi bunları tek tek açıklayalım:
1. background
Değer: background-color, background-image, back ground-repeat, background-attachment, back-ground-position, inherit
Nelere uygulanır: Bütün unsurlara.
background özelliği kişisel arkaplan özelliklerini ayarlamak için pratik bir yoldur.
Örnek:
BODY { background: red }
P { background: url(”bg.png”) #cecece 50% repeat fixed }
2. background-color
Değer: color, transparent, inherit
Nelere uygulanır: Bütün unsurlara.
Örnek:
table { background-color: #cecece }
3. background-image
Değer: url, none, inherit
Nelere uygulanır: Bütün unsurlara.
Bir arkaplan resmi ayarladığınız zaman eğer resim mevcut değilse bir renk belirtmeniz gerekir.
Örnek:
.title { background-image: url(”images/title.gif”) }
div { background-image: none }
4. background-repeat
Değer: repeat, repeat-x, repeat-y, no-repeat, inherit
Nelere uygulanır: Bütün unsurlara.
Bu özellik arkaplan resminin x veya y pozisyonunda tekrarı istendiği zaman kullanılır.
Örnek:
.content {
background: white url(”bg.gif”);
background-repeat: repeat-x;
background-position: center;
}
5. background-attachment
Değer: scroll, fixed, inherit
Nelere uygulanır: Bütün unsurlara.
Örnek:
.content {
background: white url(”bg.gif”);
background-repeat: repeat-x;
background-attachment: fixed;
}
6. background-position
Değer: percentage, length, top center bottom left center right, inherit
Nelere uygulanır: block-level ve değiştirilen unsurlar.
Örnek:
BODY { background: url(”logo.jpeg”) right top }
Yazar: Siraceddin El