scope özelliği, TH veya TD etiketleri ile oluşturulan başlık hücresinin, başlığı olduğu hücrelerin belirtilmesini sağlar. scope özelliği basit tablolar için headers özelliğinin yerine kullanılır.
HTML Sözdizimi
<element scope="grup" > ... </element>
JavaScript & DOM Sözdizimi
<script type="text/javascript">
element.scope = grup;
grup = element.scope
</script>
grup | col, colgroup, row ve rowgroup değerlerinden birini alarak hücrenin içerdiği başlığın geçerli olduğu grubun belirtilmesini sağlar.
- row : Başlık, hücrenin bulunduğu satır için geçerlidir.
- rowgroup : Başlık, hücrenin bulunduğu satır için geçerlidir.
- col : Başlık, hücrenin bulunduğu sütun için geçerlidir.
- colgroup : Başlık, hücrenin bulunduğu sütun için geçerlidir.
|
Dönüş Değeri
grup | col, colgroup, row veya rowgroup değerlerinden biri döner. |
Örnek
Aşağıdaki örnek, iletişim bilgilerini içeren bir tabloda scope özelliği kullanılarak ana ve alt başlıkların geçerli oldukları bölgelerin belirtilmesini göstermektedir.
<table border="1">
<tr>
<th colspan="3" scope="colgroup">İletişim Bilgileri</th>
</tr>
<tr>
<th scope="col">İsim</th>
<th scope="col">E-posta</th>
<th scope="col">Telefon</th>
</tr>
<tr>
<td>Yasin K.</td>
<td>[email protected]</td>
<td>+905553250000</td>
</tr
<tr>
<td>İbrahim G.</td>
<td>[email protected]</td>
<td>+905070000000</td>
</tr>
</table>
Canlı Sonuç
Elementler
scope özelliğinin kullanıldığı HTML etiketleri/elementleri
TH | TD