Kerja dengan Padding dalam CSS
Kita telah membincangkan sifat margin,
yang membuat ruang keluar dari sempadan.
Terdapat juga sifat yang sangat serupa iaitu padding,
yang membuat ruang ke dalam dari sempadan.
Sekarang mari kita lihat dengan contoh, bagaimana sifat ini berfungsi. Pertama, saya tunjukkan blok tanpa ruang (teksnya melekat pada sempadan):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Dan sekarang mari kita tetapkan padding
kepada 30px
untuk semua sisi:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
