HTML Tablo Doldurma ve Aralığı

HTML tabloları, hücrelerin içindeki dolguyu ve ayrıca hücreler arasındaki boşluğu ayarlayabilir.

HTML Tablosu - Hücre Dolgusu

Hücre dolgusu, hücre kenarları ile hücre içeriği arasındaki boşluktur.

Varsayılan olarak dolgu 0'a ayarlanmıştır.

Tablo hücrelerine dolgu eklemek için CSS paddingözelliğini kullanın:

th, td {
padding: 15px;
}

Yalnızca içeriğin üzerine dolgu eklemek için padding-topözelliği kullanın.

Ve diğerleri padding-bottom, padding-left, ve padding-rightözelliklerine sahip:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Hücre aralığı, her hücre arasındaki boşluktur.

Varsayılan olarak boşluk 2 piksele ayarlanmıştır.

Tablo hücreleri arasındaki boşluğu değiştirmek için öğedeki CSS border-spacingözelliğini kullanın table :

table {
border-spacing: 30px;
}