CSS PADDING
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih sudah mengunjungi blog saya. Pada kesempatan kali ini kita akan belajar tentang Padding pada CSS.
Langsung saja yuk..
Properti CSS padding digunakan untuk menghasilkan ruang disekitar konten.
Padding membersihkan area disekitar konten (dalam border) dari elemen.
Dengan CSS, kita memiliki kontrol penuh atas padding. Ada properti CSS untuk pengaturan padding untuk setiap sisi elemen (atas, kanan, bawah, dan kiri).
PADDING INDIVIDUAL SIDES
CSS memiliki sifat untuk menentukan padding untuk setiap sisi elemen :
- padding-top
- padding-right
- padding-bottom
- padding-left
Semua padding dapat memiliki nilai berikut :
- panjang - menetapkan padding px, pt, cm, dll
- % - menentukan bantalan di % dari lebar elemen
- inherit - menetapkan bahwa padding harus diwarisi dari elemen induk
Contoh :
Hasilnya :
Atau jika ingin mempersingkat penulisan sintak, bisa juga seperti dibawah ini :
Hasilnya :
Silakan dicoba sendiri ya sobat. Jika ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih.
Properti CSS padding digunakan untuk menghasilkan ruang disekitar konten.
Padding membersihkan area disekitar konten (dalam border) dari elemen.
Referensi :
http://www.w3schools.com/css/css_padding.asp
Wassalamu'alaikum Wr. Wb