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