Bagaimana Menerapkan Padding di CSS Dengan Contoh



Artikel ini akan memberi Anda pengetahuan terperinci dan komprehensif tentang cara mengimplementasikan Padding di CSS dengan Contoh.

Padding adalah salah satu aspek terpenting dan . Pada artikel ini kita akan membahas pentingnya dan penggunaan Padding di CSS dengan urutan sebagai berikut:

Apa itu Padding di CSS?

Properti padding memungkinkan Anda menentukan tempat untuk menentukan dan seberapa banyak ruang yang harus muncul antara teks konten sebuah elemen dan batasnya. Nilai atribut ini harus berupa panjang atau persentase, atau kata.





Padding-in-CSS



Jika nilainya diwarisi, paddingnya akan sama dengan nilai induknya. Di sini jika persentase digunakan, persentase dari kotak berisi.

Properti Padding

Properti Padding di CSS berikut ini dapat digunakan untuk mengontrol daftar. Namun, Anda juga dapat menetapkan nilai yang berbeda untuk padding di salah satu sisi kotak terutama menggunakan properti berikut:

  • Padding-bottom: itu menentukan bantalan bawah dari sebuah elemen.



  • Padding-top: Ini menentukan bantalan atas sebuah elemen.

  • Padding-kiri: Ini menentukan padding kiri elemen.

  • Padding-right: Ini menentukan padding yang tepat dari elemen.

  • Lapisan: Ini berfungsi sebagai singkatan dari properti selanjutnya.

Properti Padding-bottom:

Ini disetel ke padding bawah elemen. Ini bisa mengambil nilai dalam panjang persentase.


Ini adalah padding bawah yang ditentukan paragraf



Ini adalah paragraf lain yang ditentukan padding bawah dalam persentase

Keluaran:

Properti Padding-top

Properti padding-top ini akan menyetel padding atas sebuah elemen. Ini bisa mengambil nilai dalam panjang persentase.


Ini adalah padding atas yang ditentukan paragraf



Ini adalah paragraf lain yang ditentukan padding atas dalam persentase

Keluaran:

Properti Padding-left

Properti padding-left ini akan menyetel padding kiri sebuah elemen. Ini bisa mengambil nilai dalam panjang persentase.


Ini adalah padding kiri yang ditentukan paragraf



Ini adalah paragraf lain yang ditentukan padding kiri dalam persentase

Keluaran:

Properti Padding-right

Properti padding-right ini akan mengatur padding yang tepat dari sebuah elemen. Ini bisa mengambil nilai dalam panjang persentase.

apakah atom bagus untuk python


Ini adalah paragraf yang ditentukan padding kanan



Ini adalah paragraf lain yang ditentukan padding kanan dalam persentase

Keluaran:

Properti Padding

Properti padding ini mengatur padding kanan, kiri, atas dan bawah. Ini bisa mengambil nilai dalam panjang persentase.


Keempat padding ini akan menjadi 20px



Padding atas dan bawah akan menjadi 20px, kanan dan kiri akan menjadi 10% dari total lebar dokumen



Padding atas dan bawah akan menjadi 20px, padding kanan akan menjadi 3% dari total lebar dokumen, padding bawah dan padding atas akan menjadi 20px

Keluaran:

Dengan ini, kita sampai pada akhir artikel luar biasa ini tentang Padding di CSS. Saya harap Anda memahami berbagai cara kami dapat menambahkan bantalan.

Jika Anda tertarik untuk mempelajari lebih lanjut tentang pengembangan web, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).

Jika Anda masih tertarik Jika Anda memiliki pertanyaan, Anda dapat mempostingnya di bagian komentar di blog 'Padding in CSS' ini, dan kami akan menghubungi Anda kembali secepatnya.