CSS Padding (padding)
Definisi ruang perbatasan elemen dan isi elemen antara CSS Padding (padding) properti.
Padding (padding)
Ketika elemen Padding (diisi) (padding) yang dibersihkan, "rilis" dari daerah elemen mengisi warna latar belakang akan.
Saja mengisi properti dapat mengubah naik dan turun sekitar mengisi. Akronim mengisi properti juga dapat digunakan untuk mengubah setelah semuanya berubah.
nilai yang mungkin
| nilai | penjelasan |
|---|---|
| panjangnya | Mendefinisikan padding tetap (piksel, pt, em, dll) |
| % | Gunakan nilai persentase untuk menentukan mengisi sebuah |
Padding - properti bantalan sepihak
Dalam CSS, itu dapat menentukan sisi yang berbeda dari mengisi berbeda:
Mengisi - properti singkat
Untuk mempersingkat kode, yang dapat Anda tentukan semua padding dalam satu properti.
Ini disebut properti steno. properti singkat untuk semua atribut fill adalah "bantalan":
Properti Padding dapat memiliki satu sampai empat nilai.
padding: 25px 50px 75px 100px;
- mengisi adalah 25px
- Padding hak untuk 50px
- Di bawah diisi 75px
- Meninggalkan 100px diisi
padding: 25px 50px 75px;
- mengisi adalah 25px
- Diisi dengan sekitar 50px
- Di bawah diisi 75px
padding: 25px 50px;
- Bawah padding 25px
- Diisi dengan sekitar 50px
padding: 25px;
- Semua dipenuhi 25px
contoh yang lebih
Semua padding dalam satu deklarasi
Contoh ini menunjukkan penggunaan properti singkatan diatur dalam deklarasi semua isi atribut, dapat memiliki satu sampai empat nilai.
Mengatur bagian kiri diisi
Contoh ini menunjukkan bagaimana untuk mengatur elemen bantalan kiri.
Mengatur bagian kanan mengisi
Contoh ini menunjukkan bagaimana untuk mengatur elemen bantalan yang tepat. .
Mengatur mengisi atas
Contoh ini menunjukkan bagaimana untuk mengatur elemen mengisi.
lebih rendah dikemas
Contoh ini menunjukkan bagaimana untuk mengatur padding bawah elemen.
Semua properti CSS Padding
| milik | penjelasan |
|---|---|
| lapisan | Properti singkatan diatur dalam deklarasi semua isi atribut |
| padding-bottom | Mengatur elemen underfill |
| padding-left | bagian kiri dari elemen pengaturan fill |
| padding-right | Mengatur bagian kanan dari elemen mengisi |
| padding-top | Pengaturan di elemen atas untuk mengisi |