Padding adalah salah satu aspek terpenting dari dan . Dalam artikel ini kita akan membincangkan kepentingan dan penggunaan Padding dalam CSS dalam urutan berikut:
Apa itu Padding dalam CSS?
Properti padding membolehkan anda menentukan tempat dan berapa banyak ruang yang harus muncul di antara teks kandungan elemen dan sempadannya. Nilai atribut ini mestilah panjang atau peratusan, atau kata.
Sekiranya nilainya diwarisi, ia akan menjadi padding yang sama dengan nilai induk. Di sini jika peratusan digunakan, peratusan adalah dari kotak yang berisi.
Hartanah Padding
Sifat Padding dalam CSS berikut dapat digunakan untuk mengendalikan senarai. Namun, anda juga boleh menetapkan nilai yang berbeza untuk pelapisan di salah satu sisi kotak terutamanya menggunakan sifat berikut:
Padding-bottom: ia menentukan bahagian bawah elemen.
Padding-top: Ini menentukan pelapis atas elemen.
Padding-kiri: Ini menentukan pelapisan kiri elemen.
Padding-kanan: Ini menentukan pad elemen yang betul.
Pembalut: Ini berfungsi sebagai singkatan untuk harta lebih lanjut.
Harta tanah Padding-bottom:
Ini diatur ke pad elemen bawah. Panjangnya boleh mengambil nilai peratusan.
Ini adalah perenggan bahagian bawah yang ditentukan
Ini adalah perenggan lain yang ditentukan sebagai bahagian bawah Pengeluaran:
Harta Tanah Padding-top
Properti atas pelapik ini akan menetapkan pelapis atas elemen. Ini boleh mengambil nilai panjang peratusan.
Ini adalah perenggan atas yang ditentukan
Ini adalah perenggan lain yang ditentukan sebagai peratusan atas Pengeluaran:
Harta Padding-left
Properti padding-kiri ini akan menetapkan elemen padding kiri. Panjangnya boleh mengambil nilai peratusan.
Ini adalah perenggan yang ditentukan pad sebelah kiri
Ini adalah perenggan lain yang ditentukan padding kiri dalam peratusan Pengeluaran:
Harta tanah Padding-right
Properti padding-right ini akan menetapkan pad elemen yang betul. Panjangnya boleh mengambil nilai peratusan.
Ini adalah perenggan yang ditentukan padding kanan
Ini adalah perenggan lain yang ditentukan padding kanan dalam peratusan transformasi carian dalam contoh maklumat
Pengeluaran:
Harta Tanah Padding
Padding properti ini menetapkan padding kanan, kiri, atas dan bawah. Ini boleh mengambil nilai panjang peratusan.
Keempat-empat padding ini akan berukuran 20px
Padding atas dan bawah akan berukuran 20px, kanan dan kiri 10% dari keseluruhan lebar dokumen Padding atas dan bawah adalah 20px, padding kanan akan menjadi 3% dari keseluruhan lebar dokumen, padding bawah dan padding atas adalah 20px Pengeluaran:
Dengan ini, kita mengakhiri artikel luar biasa ini mengenai Padding in CSS. Saya harap anda dapat memahami pelbagai cara untuk menambah padding.
Sekiranya anda berminat untuk mempelajari lebih lanjut mengenai pengembangan web, lihat oleh Edureka. Latihan Pengesahan Pembangunan Web akan membantu anda belajar bagaimana membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Sekiranya anda masih berminat Sekiranya anda mempunyai pertanyaan, anda boleh menghantarnya di bahagian komen blog 'Padding in CSS' ini, dan kami akan menghubungi anda secepat mungkin.