Padding

CSS Padding
«Sebelumnya
Tonton video tutorial ini
Next Chapter »

Sifat CSS Padding menentukan ruang antara perbatasan elemen dan isi elemen.
lapisan

Padding membersihkan area di sekitar konten (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. Sebuah properti padding singkatan juga dapat digunakan untuk mengubah semua bantalan sekaligus.
Nilai yang mungkin
nilai Keterangan
panjang Mendefinisikan padding tetap (dalam pixel, pt, em, dll)
% Mendefinisikan bantalan di% dari elemen yang mengandung

Padding - sisi Individu

Dalam CSS, adalah mungkin untuk menentukan bantalan yang berbeda untuk sisi yang berbeda:
contoh
p {
     padding-top: 25px;
     padding-right: 50px;
     padding-bottom: 25px;
     padding-left: 50px;
}

Cobalah sendiri »

Padding - Properti Singkatan

Untuk mempersingkat kode, adalah mungkin untuk menentukan semua properti padding satu properti. Ini disebut properti steno.

Properti singkat untuk semua properti padding "bantalan":
contoh
p {
     padding: 25px 50px;
}

Cobalah sendiri »

Properti padding dapat memiliki dari satu sampai empat nilai.

     padding: 25px 50px 75px 100px;
         Padding atas adalah 25px
         bantalan yang tepat adalah 50px
         bantalan bawah adalah 75px
         Padding kiri adalah 100px

     padding: 25px 50px 75px;
         Padding atas adalah 25px
         bantalan kanan dan kiri adalah 50px
         bantalan bawah adalah 75px

     padding: 25px 50px;
         bantalan atas dan bawah adalah 25px
         bantalan kanan dan kiri adalah 50px

     padding: 25px;
         keempat bantalan adalah 25px