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