CSS Padding menentukan ruang antara perbatasan elemen dan isi elemen.
Padding
Padding membersihkan area di sekitar konten (di dalam perbatasan) dari elemen. Padding dipengaruhi oleh warna latar belakang dari elemen.
Atas, kanan, bawah, dan padding kiri dapat diubah secara independen menggunakan properti terpisah. Properti bantalan singkatan juga dapat digunakan, untuk mengubah semua bantalan sekaligus.
| Value | Description |
|---|---|
| length | Mendefinisikan padding tetap (dalam pixel, pt, em, dll) |
| % | Mendefinisikan bantalan di% dari elemen |
Padding - sisi Individu
Dalam CSS, adalah mungkin untuk menentukan bantalan yang berbeda untuk sisi yang berbeda:
p {
padding-top: 30px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;
}
Padding - properti Singkatan
Untuk mempersingkat kode, untuk menentukan semua properti bantalan dalam satu properti. Ini disebut properti steno.
Properti singkat untuk semua properti padding:]
p {
padding: 15px 30px;
}
Properti padding dapat memiliki dari satu sampai empat nilai.
- padding: 25px 50px 75px 100px;
- Padding atas adalah 25px
- Padding tepat adalah 50px
- Padding bawah adalah 75px
- Padding kiri adalah 100px
- padding: 25px 50px 75px;
- Padding atas adalah 25px
- bantalan kanan dan kiri yang 50px
- Padding bawah adalah 75px
- padding: 25px 50px;
- bantalan atas dan bawah yang 25px
- bantalan kanan dan kiri yang 50px
- padding: 25px;
- keempat bantalan yang 25px
0 komentar:
Posting Komentar