axis özelliği, TH veya TD elementleri ile oluşturulan hücreye bir veya daha fazla kategori ismi atanması ile tablo hücrelerinin mantıksal bir kategori içine alınmasını veya sütunların mantıksal olarak gruplandırılmasını sağlar. Hücrelere görsel bir etkisi yoktur. Verileri içeren hücrelerin headers özelliklerinde axis özelliği belirtilmiş hücrelerin id özellikleri tanımlanarak veri hücreleri ve başlıklar (eksenler) arası ilişkilendirme sağlanır.
HTML Sözdizimi
<element axis="kategoriAdi" > ... </element>
JavaScript & DOM Sözdizimi
<script type="text/javascript">
element.axis = kategoriAdi;
kategoriAdi = element.axis
</script>
kategoriAdi | Hücrenin kategori adını belirtir. |
Dönüş Değeri
kategoriAdi | Hücrenin kategori adı döner. |
Örnek
Aşağıdaki örnek, iki farklı yön, iki farklı gün ve iki farklı sefer durumlarına ait vapur sefer saatlerinin gösterildiği tablodaki hücrelerin axis özelliği kullanılarak birbirleri ile ilişkilendirilmesini göstermektedir.
Örneğin, 08:30 değerinin bulunduğu hücrenin headers="yon1, gun1, sef1" değeri, şunu ifade eder : Vapur, cumartesi günü Kadıköy'den Göztepe'ye saat 08:30'da hareket eder!
- yon1 : Kadıköy-Göztepe
- gun1 : Cumartesi
- sef1 : Hareket
<table border="1">
<caption>Kadıköy-Göztepe Haftasonu Vapur Seferleri</caption>
<tr>
<th> </th>
<th id="yon1" axis="yon">Kadıköy-Göztepe</th>
<th id="yon2" axis="yon">Göztepe-Kadıköy</th>
</tr>
<tr>
<th id="gun1" axis="gun">Cumartesi</th>
<th></th>
<th></th>
</tr>
<tr>
<td id="sef1" axis="sefer">Hareket</td>
<td headers="yon1, gun1, sef1">08:30</td>
<td headers="yon2, gun1, sef1">09:30</td>
</tr>
<tr>
<td id="sef2" axis="sefer">Varış</td>
<td headers="yon1, gun1, sef2">20:30</td>
<td headers="yon2, gun1, sef2">21:30</td>
</tr>
<tr>
<th id="gun2" axis="gun">Pazar</th>
<th></th>
<th></th>
</tr>
<tr>
<td id="sef3" axis="sefer">Hareket</td>
<td headers="yon1, gun2, sef3">09:30</td>
<td headers="yon2, gun2, sef3">10:30</td>
</tr>
<tr>
<td id="sef4" axis="sefer">Varış</td>
<td headers="yon1, gun2, sef4">21:30</td>
<td headers="yon2, gun2, sef4">22:30</td>
</tr>
</table>
Canlı Sonuç
Kadıköy-Göztepe Haftasonu Vapur Seferleri
|
Kadıköy-Göztepe |
Göztepe-Kadıköy |
Cumartesi |
|
|
Hareket |
08:30 |
09:30 |
Varış |
20:30 |
21:30 |
Pazar |
|
|
Hareket |
09:30 |
10:30 |
Varış |
21:30 |
22:30 |
Elementler
axis özelliğinin kullanıldığı HTML etiketleri/elementleri
TH | TD