CSS Tablo (Table) Özellikleri

Table, th, td : sınır çizgilerini belirlemek için kullanılır.

Alabileceği değerler, width, height, text-align, vertical-align, padding, background-color

width: tablo veya hücre genişliği - height: tablo veya hücre yüksekliği

table {

Width:150px;

Height:100px;

}

Text-align: tablo veya hücre içerisindeki metni yatayda hızalar.

Alabileceği değerler:  right: sağ -  left: sol - center: orta

table {

text-align:right;

}

Vertical-align:tablo veya hücre içerisindeki metni dikeyde hızalar.

Alabileceği değerler:  bottom: alt – top:üst – center: orta

table{

Vertical-align:bottom;

}

Padding:tablo veya hücre sınırları ile içerik arasındaki boşluğu ayarlar.

Alabileceği değerler : padding: dört kenar. Padding-left: sol, parding-right:sağ , padding-top:üst, padding-bottom:alt

table{ padding:10px; } dört kenara tek değer verme.

table{ padding: 1px 3px 7px 5px; } dört kenara tek satırda ayrı değer verme.

table{ padding-left:10px; } sol kenara değer verme.

border-collapse: hücreler arasındaki çift çizgiyi tek çizgi haline getirir. Alabileceği tek değer collapse dir.

border: sınır çizgisi. 

Alabileceği değerler:  kalınlık, çizgi şekli, renk.

border:1px solid blue;

özelliklerin birlikte kullanımı
  

table {

Width:200px;

Height:100px;

border:1px solid red;

}

td{width:100px;

Height:100px;

text-align:center;

vertical-align:top;

padding-top:30px;

}

çalışmalara ait örnek link

css table css tablo css tablo özellikleri