backgroundColor

backgroundColor özelliği, bir elementin arka plan renginin transparan veya herhangi bir RGB değerine atanmasını sağlar.

DOM Sözdizimi

element.style.backgroundColor = "renk"
element.style.backgroundColor = "transparent"

CSS Sözdizimi

background-color: renk
background-color: transparent

renk	İsimlendirilmiş renklerden biri ile veya belirtilen RGB renk değeri ile arka plan rengini belirler.
transparent	Arka plan saydamdır. Renk yoktur.

Aşağıdaki örnek, color ve backgroundColor özellikleri kullanılarak renk geçişli basit bir menü yapılmasını göstermektedir.


<style type="text/css">
#ornekDiv
{
   width:150px;   
}
#ornekDiv ul
{
   margin:0px;
   padding:0px;
   list-style-type:none;
}
#ornekDiv a
{
   background-color: black;
   color:#FAA000;
   display:block;
   font-weight:bold;
   margin:3px;
   padding:5px;
}
</style>

<script type="text/javascript">
function ac(elem)
{
   elem.style.color = "black";
   elem.style.backgroundColor = "#FAA000";
}
function kapat(elem)
{
   elem.style.color = "#FAA000";
   elem.style.backgroundColor = "black";
}
</script>

<div id="ornekDiv">
   <ul>
      <li><a onMouseOver="ac(this)" onMouseOut="kapat(this)" 
         href="http://www.mynotlar.com">myNotlar</a></li>
         
      <li><a onMouseOver="ac(this)" onMouseOut="kapat(this)" 
         href="http://www.mynotlar.com/javascript/default.aspx">JavaScript</a></li>
         
      <li><a onMouseOver="ac(this)" onMouseOut="kapat(this)" 
         href="http://www.mynotlar.com/html_dom/default.aspx">DOM</a></li>
   </ul>
</div>

Test Edin

İlgili Başlıklar