Tablo Kenarlık Renklerinde Ayarlama Yapmak
A.) Tablomuzun sadece bazı yerlerindeki iç kenarlıkları da yok etmemiz mümkün. Bunu <table> tagının "rules" elemanı ile yapabiliriz.
"Rules" Elemanının parametreleri.:
• none : Tüm iç kenarlıkları yok eder.
• rows : Dikey iç kenarlıkları yok eder.
• cols : Yatay iç kenarlıkları yok eder.
Örnek;
<table border="1" bordercolor="blue" rules="cols" cellpadding="5" cellspacing="0">
<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</table>
Tarayıcınızda şöyle gözükecektir:
| 1.satır 1.sütun | 1.satır 2.sütun |
| 2.satır 1.sütun | 2.satır 2.sütun |
| 3.satır 1.sütun | 3.satır 2.sütun |
B.) Tablomuzun sadece bazı yerlerindeki dış kenarlıkları yok etmemiz mümkün.
Bu özelliği <table> tagının "frame" elemanı sayesinde gerçekleştiririz.
Frame" Elemanının Parametreleri.
• void : Tüm dış kenarlıkları yok eder.
• above : Sağ,sol ve alt kenarlığı yok eder.
• below : Sağ,sol ve üst kenarlığı yok eder.
• hsides : Sağ ve sol kenarlıkları yok eder.
• vsides : Üst ve alt kenarlıkları yok eder.
• rhs : Üst, alt ve sol kenarlığı yok eder.
• lhs : Üst, alt ve sağ kenarlığı yok eder.
Örnek;
<table border="1" bordercolor="red" frame="vsides"
cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td>1.satır 1.sütun</td>
<td>1.satır 2.sütun</td>
</tr>
<tr>
<td>2.satır 1.sütun</td>
<td>2.satır 2.sütun</td>
</tr>
<tr>
<td>3.satır 1.sütun</td>
<td>3.satır 2.sütun</td>
</tr>
</tbody>
</table>
Tarayıcınızda şöyle gözükecektir:
| 1.satır 1.sütun | 1.satır 2.sütun |
| 2.satır 1.sütun | 2.satır 2.sütun |
| 3.satır 1.sütun | 3.satır 2.sütun |
0 comments:
Yorum Gönder