CSS TABLO ÖZELLİKLERİ
HTML’de <table></table> etiketi ile oluşuturulan tabloları daha estetik bir hale getirmek için css ile müdahle edilmektedir. CSS ile table etiketinin bir çok elementine ulaşabilir ve istediğimiz renkte ve desende tablolar oluşturabilir. Tablo özellikleri aşağıda açılamaları ile verilmiştir. Başarılar.
1 2 3 4 5 6 7 | .tablo{ border-collapse:collapse / separate; /*Bu özellik iki adet özellik almaktadır. Sınır çizgisi durumunu tanımlar.*/ border-spacing:10px;/*Hücreler arası sınır boşluklarını tanımlar.*/ caption-side: top/ bottom/ left/ right;/*Başlık yerini tanımlar.*/ empty-cells:show/ hide;/*İçi boş hüreleri tanımlar.*/ table-layout:auto/ fixed;/*Tablo görünüşünü tanımlar.*/ } |
Border-collapse Bu özellik iki adet özellik almaktadır. Sınır çizgisi durumunu tanımlar.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS TABLO ÖZELLİKLERİ</title> <!-- Çağlar BOSTANCI --> <style> table{ border-collapse:collapse; /* border-collapse: separate;*//* Tablo kenarlık sitilini belirler.*/ } </style> </head> <body> <table border="1"> <tr> <td>HÜCRE 1</td> <td>HÜCRE 2</td> <td>HÜCRE 3</td> </tr> <tr> <td>HÜCRE 4</td> <td>HÜCRE 5</td> <td>HÜCRE 6</td> </tr> </table> </body> </html> |
border-spacing Kullanımı IE 7 […]
Devamı...