Properti CSS padding berfungsi untuk mengatur jarak antara elemen dengan isi elemen, misalnya mengatur posisi teks yang ada didalam border, tabel dll. Seperti halnya css margin, dalam penerapannya Properti CSS padding, kita dapat menententukan nilainya dalam satu properti atau satu baris kode css sehingga lebih ringkas. Tetapi Properti CSS padding juga dapat ditulis secara masing - masing antara bagian kanan, kiri, atas, dan bawah.
Lebih jelasnya,silahkan anda perhatikan penulisan berikut :
Contoh-A
Anda lihat posisi teks dibawah ini :
Contoh-B
Anda lihat posisi teks dibawah ini :
Contoh-C
Anda lihat posisi teks dibawah ini :
Contoh-D
Anda lihat posisi teks dibawah ini :
Catatan : Untuk satuan nilai kita bisa menggunakan satuan " cm, px, em, atau %"
Ok...., Silahkan anda bisa coba mengganti nilai ukurannya sesuka anda, agar terlihat perbedaan hasilnya.
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
makasih untuk tutorial css-nya... lagi pengin edit2 template nih :D
BalasHapus