myNotlar Logo

rules


table.rules özelliği, tablo hücrelerine uygulanacak kenarlıkların, satırlar, sütunlar ve gruplar olmak üzere uygulanma şeklini belirler. Bir tablo içindeki gruplar THEAD, TBODY ve TFOOT elementleri ile tanımlanır. Bunlar haricinde COLGROUP ve COL elementleri ile isteğe bağlı grup oluşturulabilir.

HTML Sözdizimi

<table rules="hucreler" > ... </table>

JavaScript & DOM Sözdizimi

<script type="text/javascript">

hucreler = table.rules

</script>
hucrelerAşağıdaki değerlerden birini alarak kenarlıkların uygulanacağı hücreleri belirtir.
  • none : Kenarlık uygulanmaz (Varsayılan değer)
  • all : Tüm kenarlara uygulanır
  • cols : Sadece sütunlar arası kenarlık
  • rows : Sadece satırlar arası kenarlık
  • groups : Sadece gruplar (thead, tbody, tfoot)

Dönüş Değeri

hucrelerKenarlıkların uygulandığı sabit değer ismi döner.

Örnek

Aşağıdaki örnek, table.rules özelliğinin alabileceği 5 farklı değerin kullanımını göstermektedir.

<table frame="box" rules="none">
    <caption>rules="none"</caption>
    <thead> <tr><th>Başlık 1-1</th><th>Başlık 1-2</th></tr> </thead>
    <tbody>
        <tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
        <tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
    </tbody>
    <tfoot> <tr><th>Altlık 1-1</th><th>Altlık 1-2</th></tr> </tfoot>
</table>
<br />

<table frame="box" rules="all">
    <caption>rules="all"</caption>
    <thead> <tr><th>Başlık 1-1</th><th>Başlık 1-2</th></tr> </thead>
    <tbody>
        <tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
        <tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
    </tbody>
    <tfoot> <tr><th>Altlık 1-1</th><th>Altlık 1-2</th></tr> </tfoot>
</table>
<br />

<table frame="box" rules="rows">
    <caption>rules="rows"</caption>
    <thead> <tr><th>Başlık 1-1</th><th>Başlık 1-2</th></tr> </thead>
    <tbody>
        <tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
        <tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
    </tbody>
    <tfoot> <tr><th>Altlık 1-1</th><th>Altlık 1-2</th></tr> </tfoot>
</table>
<br />

<table frame="box" rules="cols">
    <caption>rules="cols"</caption>
    <thead> <tr><th>Başlık 1-1</th><th>Başlık 1-2</th></tr> </thead>
    <tbody>
        <tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
        <tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
    </tbody>
    <tfoot> <tr><th>Altlık 1-1</th><th>Altlık 1-2</th></tr> </tfoot>
</table>
<br />

<table frame="box" rules="groups">
    <caption>rules="groups"</caption>
    <thead> <tr><th>Başlık 1-1</th><th>Başlık 1-2</th></tr> </thead>
    <tbody>
        <tr><td>Hücre 1-1</td><td>Hücre 1-2</td></tr>
        <tr><td>Hücre 2-1</td><td>Hücre 2-2</td></tr>
    </tbody>
    <tfoot> <tr><th>Altlık 1-1</th><th>Altlık 1-2</th></tr> </tfoot>
</table>
Test Edin

Elementler

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

TABLE

İ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 |