Padding & Spasi Tabel HTML
Tabel HTML dapat menyesuaikan padding di dalam sel, dan juga ruang antar sel.
Halo | Halo | Halo |
Halo | Halo | Halo |
Halo | Halo | Halo |
Halo | Halo | Halo |
Halo | Halo | Halo |
Halo | Halo | Halo |
Tabel HTML - Padding Sel
Cell padding adalah ruang antara tepi sel dan isi sel.
Secara default padding diatur ke 0.
Untuk menambahkan padding pada sel tabel, gunakan padding
properti CSS:
Contoh
th, td
{
padding: 15px;
}
Untuk menambahkan padding hanya di atas konten, gunakan padding-top
properti.
Dan yang lainnya berpihak pada padding-bottom
, padding-left
, dan padding-right
properti:
Contoh
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Tabel HTML - Spasi Sel
Jarak antar sel adalah jarak antar sel.
Secara default, ruang diatur ke 2 piksel.
Untuk mengubah spasi antar sel tabel, gunakan
border-spacing
properti CSS pada table
elemen:
Contoh
table
{
border-spacing:
30px;
}