borderBottom özelliği, elementin alt kenarlık genişliğini ayarlayan borderBottomWidth, kenarlık biçimini ayarlayan borderBottomStyle ve rengini ayarlayan borderBottomColor özelliklerinin hepsinin birden belirlenmesini sağlar.
DOM Sözdizimi
element.style.borderBottom = "gen bicim renk"
CSS Sözdizimi
border-bottom: gen bicim renk
Bu değerler String tipinde, aralarında boşluk bırakarak belirlenmelidir. Değerlerin hangisinin önce veya sonra olduğunun bir önemi yoktur. Bunun yanında kenarlık rengi belirtilmezse varsayılan olarak yazı (ön plan - foreground) rengi kullanılır. Genişlik belirtilmezse borderBottomWidth özelliğinin varsayılan değeri olan medium değeri kullanılır.
Aşağıdaki örnek, CSS border-bottom özelliği ile solid, dashed ve dotted tiplerinde alt kenarlık oluşturulmasını göstermektedir.
<style type="text/css">
#ornekDiv1, #ornekDiv2, #ornekDiv3 {
background-color:#E0E0E0;
width:90px;
height:70px;
}
#ornekDiv1 {
border-bottom: medium solid #080;
}
#ornekDiv2 {
border-bottom: 2mm dashed green;
}
#ornekDiv3 {
border-bottom: 0.2cm dotted #008000;
}
</style>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="ornekDiv1">ornekDiv1</div>
</td><td>
<div id="ornekDiv2">ornekDiv2</div>
</td><td>
<div id="ornekDiv3">ornekDiv3</div>
</td>
</tr></table>
Canlı Sonuç
ornekDiv1
|
ornekDiv2
|
ornekDiv3
|