myNotlar Logo

rowSpan


rowSpan özelliği, TD ve TH etiketlerinde kullanılarak dikey konumda aşağı doğru hücrelerin birleştirilmesini sağlar. Birleştirilen tüm hücreler tek bir hücre olacağı için birleştirilen diğer TD veya TH etiketlerinin kaldırılması gerekir.

HTML Sözdizimi

<element rowspan="miktar" > ... </element>

JavaScript & DOM Sözdizimi

<script type="text/javascript">

miktar = element.rowSpan

</script>
miktarİlgili hücrenin kendisi de dahil, aşağı doğru dikey olarak birleştirilecek toplam hücre miktarını belirtir.

Dönüş Değeri

miktarBirleştirilmiş satır miktarı döner.

Örnekler

Aşağıdaki örnek, 3x3 boyutundaki bir tablonun 2. sütununun ilk hücresinin alt tarafındaki hücre ile rowspan özniteliği kullanılarak birleştirilmesini göstermektedir.

<table border="1" height="100" width="300">
	<tr><td>Hücre 1-1</td><td rowspan="2">Hücre 1-2</td><td>Hücre 1-3</td></tr>
	
	<tr><td>Hücre 2-1</td><td>Hücre 2-3</td></tr>
	
	<tr><td>Hücre 3-1</td><td>Hücre 3-2</td><td>Hücre 3-3</td></tr>
</table>
Canlı Sonuç
Hücre 1-1Hücre 1-2Hücre 1-3
Hücre 2-1Hücre 2-3
Hücre 3-1Hücre 3-2Hücre 3-3

Aşağıdaki örnek, 3x3 boyutundaki bir tablonun 2. sütununun ilk hücresinin alt tarafındaki diğer 2 hücre ile rowspan özniteliği kullanılarak birleştirilmesini göstermektedir.

<table border="1" height="100" width="300">
	<tr><td>Hücre 1-1</td><td rowspan="3">Hücre 1-2</td><td>Hücre 1-3</td></tr>
	
	<tr><td>Hücre 2-1</td><td>Hücre 2-3</td></tr>
	
	<tr><td>Hücre 3-1</td><td>Hücre 3-3</td></tr>
</table>
Canlı Sonuç
Hücre 1-1Hücre 1-2Hücre 1-3
Hücre 2-1Hücre 2-3
Hücre 3-1Hücre 3-3

Elementler

rowSpan özelliğinin kullanıldığı HTML etiketleri/elementleri

TD | TH

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |