myNotlar Logo

captionSide


Internet Explorer 8 Firefox Opera

captionSide özelliği, table-caption elementinin (başlığının) yerleşim yerini belirler.

DOM Sözdizimi

element.style.captionSide = konum

CSS Sözdizimi

caption-side: konum
konumtop, bottom, left ve right değerlerinden birini alır.

"caption-side" değerleri

caption-sideCanlı SonuçAçıklama
top (IE 8)
Başlık
 
Başlığı tablonun üstünde gösterir.
right
Başlık
 
Başlığı tablonun sağında gösterir.
bottom (IE 8)
Başlık
 
Başlığı tablonun altında gösterir.
left
Başlık
 
Başlığı tablonun solunda gösterir.

Internet Explorer 8 sürümünde sadece top ve bottom değerleri kullanılabilir.

Aşağıda örnek, css caption-side özelliğinin top ve bottom değerleri kullanılarak tablo başlığının alta ve üste yerleştirilmesini göstermektedir.

<style type="text/css">
#ornekTablo1
{
    caption-side: top;
        
    width:90px;
    height:40px;
    background-color: #40A0E0;
}
#ornekTablo2
{
    caption-side: bottom;
    
    width:90px;
    height:40px;
    background-color: #40E0A0;
}
</style>

<table id="ornekTablo1" border="1">
    <caption>Örnek Tablo Başlığı</caption>
    <tr><td> </td></tr>
</table>

<hr/>

<table id="ornekTablo2" border="1">
    <caption>Örnek Tablo Başlığı</caption>
    <tr><td> </td></tr>
</table>
Canlı Sonuç
Örnek Tablo Başlığı
 

Örnek Tablo Başlığı
 
 
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 | YasinKa |