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
 

Telif Hakkı © 2007-2018 mynotlar.com Tüm Hakları Saklıdır.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |