CSS arka plan Özellik
Örnek
Tek bir bildirimde farklı arka plan özelliklerini ayarlayın:
body
{
background: lightblue url("img_tree.gif") no-repeat fixed center;
}
Tanım ve Kullanım
Özellik background
, aşağıdakiler için kestirme bir özelliktir:
- arka plan rengi
- arka plan görüntüsü
- arka plan konumu
- arka plan boyutu
- arka plan-tekrar
- arka plan kökenli
- arka plan klibi
- arka plan eki
Yukarıdaki değerlerden birinin eksik olması önemli değildir, örneğin arka plan:#ff0000 url(smiley.gif); izin verilir.
Varsayılan değer: | bireysel özellikleri görmek |
---|---|
Miras: | Hayır |
canlandırılabilir: | evet, bireysel özelliklere bakın . Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 + CSS3'teki yeni özellikler |
JavaScript sözdizimi: | nesne .style.background="kırmızı url(smiley.gif) sol üst tekrarsız" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Not: Aşağıdaki her bir değer için ayrı tarayıcı desteğine bakın.
CSS Sözdizimi
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
Not: Stenografi bildirimindeki özelliklerden biri bg-size özelliğiyse, onu bg-position özelliğinden ayırmak için / (eğik çizgi) kullanmanız gerekir, ör. background:url(smiley.gif) 10px 20px/50px 50px ; soldan 10 piksel, üstten 20 piksel konumlandırılmış bir arka plan görüntüsü ile sonuçlanacaktır ve görüntünün boyutu 50 piksel genişliğinde ve 50 piksel yüksekliğinde olacaktır.
Not: Birden çok arka plan görüntüsü kaynağı kullanıyorsanız ancak aynı zamanda bir arka plan rengi istiyorsanız, arka plan rengi parametresinin listede en son olması gerekir.
Mülk değerleri
Value | Description | CSS |
---|---|---|
background-color | Specifies the background color to be used | 1 |
background-image | Specifies ONE or MORE background images to be used | 1 |
background-position | Specifies the position of the background images | 1 |
background-size | Specifies the size of the background images | 3 |
background-repeat | Specifies how to repeat the background images | 1 |
background-origin | Specifies the positioning area of the background images | 3 |
background-clip | Specifies the painting area of the background images | 3 |
background-attachment | Specifies whether the background images are fixed or scrolls with the rest of the page | 1 |
initial | Sets this property to its default value. Read about initial | 3 |
inherit | Inherits this property from its parent element. Read about inherit | 2 |
İlgili Sayfalar
CSS eğitimi: CSS Arka Planı , CSS Arka Planları (gelişmiş)
HTML DOM referansı: arka plan özelliği