CSS'de background-color Özelliği
CSS1
Arkplan rengi belirlemek için kullanılır.
Yapısı (Syntax)background-color: renk| transparent | initial | inherit;
Varsayılan Değer | transparent |
JavaScript Yapısı |
object.style.backgroundColor="#00FF00"
|
Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
Değer | Açıklama | Versiyon |
---|---|---|
renk | Arkplan rengini tanımlamak için kullanılır. Bu renk türleri yazı olarak belirtildiği gibi, HEX, RGB, RGBA, HSL ve HSLA formatlarında da belirtilebilir. | CSS1 |
transparent | Arkaplan rengini transparan yapmak için kullanılır. | CSS1 |
initial | Varsayılan ayarlarına geri döndürür. | CSS1 |
inherit | Özelliği üst öğesinden miras alır. | CSS1 |
Örnekler
HEX değeri ile arkaplan rengi belirlemek için;
div {
background-color: #fa6585;
}
RGB değeri ile arkaplan rengi belirlemek için;
div {
background-color: rgb(0, 0, 0);
}
RGBA değeri ile arkaplan rengi belirlemek için;
div {
background-color: rgba(0, 0, 0, .55);
}
HSL değeri ile arkaplan rengi belirlemek için;
div {
background-color: hsl(89, 43%, 51%);
}
HSLA değeri ile arkaplan rengi belirlemek için;
div {
background-color: hsla(89, 43%, 51%, .4);
}
Renk ismiyle arkaplan rengi belirlemek için;
div {
background-color: red;
}
Tarayıcı Desteği
Chrome | Firefox | Edge | Internet Explorer | Opera | Safari | |
---|---|---|---|---|---|---|
background-color
|
1 | 1 | 12 | 4 | 3.5 | 1 |
Destekliyor
Desteklemiyor