myNotlar Logo

backgroundColor


Internet Explorer Firefox Opera

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.
transparentArka 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
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |