HTML5 ile beraber Table yapısından cellspacing ve cellpadding nitelikleri kaldırılıp css tarafından ayarlanması sağlanmıştır. Makalenin devamındada cellspacing cellpadding niteliklerinin CSS’deki karşılıklarını göreceğiz.
HTML Table’da cellspacing cellpadding niteliklerinin css karşılığı
HTML5 ile beraber Table yapısından cellspacing ve cellpadding nitelikleri kaldırılıp css tarafından ayarlanması sağlanmıştır.
Normalde table yapısında alttaki gibi hücreler arası dış ve iç boşluklar cellpadding ve cellspacing nitelikleri ile ayarlanmaktaydı.
1 | <table cellpadding="5" cellspacing="2"></table> |
cellspacing
cellspacing ile hücreler arası bir boşluk oluşmaktaydı border-collapse ile sınırlar birleştirilmiş oluyor seperate değeri verilirse o zaman standart table yapısındaki gibi hücreler arası boşluk oluşur.
1 2 3 | table{ border-collapse: collapse; } |
cellpading
cellpadig ilede hücre iç boşluğu ayarlanmakta css ile bu işlemi padding ile sağlayabiliyoruz alttaki örnektede görebilirsiniz.
1 2 3 | table td, table th { padding: 10px; } |
