Sebuah properti yang digunakan untuk membuat ruang kosong diantara border dan isi elemen.
Padding masing-masing sisi (atas, kanan, bawah, kiri) bisa diatur sendiri secara terpisah, bisa juga diatur sekaligus. Properti padding mempunyai dua value yaitu:
Contoh
<html>
<head>
<style type="text/css">
td.test1 {padding:15%}
td.test2 {padding:0.5cm 2.5cm}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
Sebuah Sel Tabel dengan padding 15% untuk semua sisi.
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
Sebuah Sel Tabel dengan padding atas dan bawah=0.5cm , kanan dan kiri= 2.5cm.
</td>
</tr>
</table>
</body>
</html>
Padding masing-masing sisi (atas, kanan, bawah, kiri) bisa diatur sendiri secara terpisah, bisa juga diatur sekaligus. Properti padding mempunyai dua value yaitu:
| Value | Keterangan |
| % | Mendefinisikan padding dalam % dari isi elemen |
| length | Mendefinisikan padding dengan nilai yang tertentu (pixels, pt, em, dll.) lihat CSS unit |
Contoh
<html>
<head>
<style type="text/css">
td.test1 {padding:15%}
td.test2 {padding:0.5cm 2.5cm}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
Sebuah Sel Tabel dengan padding 15% untuk semua sisi.
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
Sebuah Sel Tabel dengan padding atas dan bawah=0.5cm , kanan dan kiri= 2.5cm.
</td>
</tr>
</table>
</body>
</html>
Leave a comment