/* Blog untuk Penggemar Gratis dan Free: CSS Padding*/


Wednesday, June 10, 2009

CSS Padding

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:

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>


Tampilannya akan sebagai berikut:

Sebuah Sel Tabel dengan padding 15% untuk semua sisi.


Sebuah Sel Tabel dengan padding atas dan bawah=0.5cm , kanan dan kiri= 2.5cm.



Sambil nyoba value laennya, lebih  okehh kalau ngopi dulu ahh ....  

No comments:

Post a Comment