Lapisan W3.CSS
w3-padding-besar
Saya memiliki bantalan atas dan bawah 12px dan bantalan kiri dan kanan 24px.
Kelas Nomor Padding W3.CSS
Kelas nomor padding-w3 menambahkan padding atas dan bawah ke elemen HTML apa pun:
| Kelas | Mendefinisikan |
|---|---|
| w3-padding-16 | Menambahkan padding atas dan bawah 16px ke elemen |
| w3-padding-24 | Menambahkan padding atas dan bawah 24px ke sebuah elemen |
| w3-padding-32 | Menambahkan padding atas dan bawah 32px ke elemen |
| w3-padding-48 | Menambahkan padding atas dan bawah 48px ke elemen |
| w3-padding-64 | Menambahkan padding atas dan bawah 64px ke sebuah elemen |
Contoh:
w3-padding-16
Saya memiliki padding atas dan bawah 16px
w3-padding-24
Saya memiliki padding atas dan bawah 24px
w3-padding-32
Saya memiliki padding atas dan bawah 32px
w3-padding-48
Saya memiliki bantalan atas dan bawah 48px
w3-padding-64
Saya memiliki padding atas dan bawah 64px
Contoh
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Kelas Ukuran Padding W3.CSS
Kelas ukuran padding w3 menambahkan padding atas, bawah, kanan, dan kiri ke elemen HTML apa pun:
| Kelas | Mendefinisikan |
|---|---|
| bantalan w3 | Menambahkan 8px atas dan bawah, dan 16px kiri dan kanan padding |
| w3-padding-kecil | Menambahkan 4px atas dan bawah, dan 8px kiri dan kanan padding |
| w3-padding-besar | Menambahkan 12px atas dan bawah, dan padding kiri dan kanan 24px |
Contoh:
w3-padding-kecil
Saya memiliki padding atas dan bawah 4px dan padding kiri dan kanan 8px.
bantalan w3
Saya memiliki padding atas dan bawah 8px dan padding kiri dan kanan 16px.
w3-padding-besar
Saya memiliki bantalan atas dan bawah 12px dan bantalan kiri dan kanan 24px.
Contoh
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>