Arkaplan Özellikleri

CSS özellikleri bir elementin arkaplanını belirlemenize imkan sağlar. Arkaplanlar renkler ya da resimler olabilir. Peki bunları nasıl kullanırız?

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 } /* 100% 0% */

  • Etiketler;
Siraceddin El
1999 yılından bu yana web tasarımcı olarak yurt içinde ve yurt dışında sayısız projede yer aldı. 2002 yılında Sanalkurs.net'i kuran ekiptendir. Etkinlik.com.tr'nin de kurucularındandır. Girişimci, tasarımcı ve eğitmen olarak çalışmalarını sürdürmektedir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Teşekkürler
iyi günler 3ngepetto die bi site var ben buraka ki arkaplan da oldugu gibi arkaplanıma çizgi eklemek istiyorum nasıl olabilir?

Yukarı Git