Örnek
Farklı elementlerin background-rengini ayarlayın:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
background-color özelliği bir elemanın arka plan rengini ayarlar.
Bir elemanın arka dolgu ve sınır dahil olmak üzere element, toplam boyutu (but not the margin) .
Tip: Bir arka plan rengini ve metnin okunması kolaylaştıran bir metin renk kullanın.
| Varsayılan değer: | transparent |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS1 |
| JavaScript sözdizimi: | object .style.backgroundColor="#00FF00" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS sözdizimi
background-color: Mülkiyet Değerler değer Açıklama Oynat color arka plan rengini belirtir. Bak CSS Renk Değerleri olası renk değerlerinin tam listesi için. Oynat " transparent arka plan rengini şeffaf olması gerektiğini belirtir. Bu varsayılan Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
metnin bir bölümünün background-rengini ayarlayın:
span.highlight {
background-color: yellow;
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Arkaplan
HTML DOM referansı: backgroundColor property