CSS background-color Özelliği

Tanım ve kullanım

background-color Özelliği, elementin arka plan rengini ayarlar.

Element arka planı kapsamı

background-color özelliği, elemente bir saf renk ayarlamak için kullanılır. Bu renk, elementin içeriğini, iç dolgu ve çerçeve alanlarını doldurur ve element çerçevesinin dış sınırlarına kadar genişler (dış marjlar dahil değildir). Eğer çerçeve şeffaf bir bölge içeriyorsa (örneğin, keskin çizgili çerçeve), bu şeffaf bölge aracılığıyla arka plan rengi gösterilir.

şeffaf değeri

Çoğu durumda, şeffafAncak belirli bir elementin arka plan rengi olmamasını ve kullanıcıların tarayıcı renk ayarlarını tasarımınıza etkilememesini istiyorsanız, şeffaf Değerler gereklidir.

Ayrıca bkz:

CSS dersleri:CSS Arka Plan

HTML DOM referans el kitabı:backgroundColor özelliği

Örnek

Farklı elementlere arka plan rengi ayarlayın:

body
  {
  background-color:sarı;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Kişisel olarak deneyin

CSS dilbilgisi

background-color: renk|şeffaf|ilk|devral|;

Özellik değeri

Değer Açıklama
color_name Renk değeri renk adı olan arka plan rengi belirtir (örneğin kırmızı).
hex_number Renk değeri onaltılık değerli arka plan rengi belirtir (örneğin #ff0000).
rgb_number Renk değeri rgb kodu olan arka plan rengi belirtir (örneğin rgb(255,0,0)).
şeffaf Varsayılan. Arka plan rengi şeffaftır.
devral Ana elementten background-color özelliğinin ayarlarını devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: şeffaf
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: nesne.style.backgroundColor="#00FF00"

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5