CSS Padding

CSS properti padding mendefinisikan 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. Bagian atas, kanan, bawah, dan padding kiri dapat diubah secara independen menggunakan properti terpisah. Properti Padding singkatan juga dapat digunakan, untuk mengubah semua bantalan sekaligus. 



Nilai yang mungkin

ValueDescription
lengthMendefinisikan padding tetap (dalam pixel, pt, em, dll)
%Mendefinisikan padding dalam % dari elemen


Padding - Pendefinisian Secara Personal 

CSS memungkin untuk menentukan padding yang berbeda untuk sisi yang berbeda:

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;


Padding - properti yang disingkat

Untuk mempersingkat kode padding pada css gunakan properti padding satu properti. Ini disebut properti steno. 
Properti singkat untuk semua properti padding:

padding:25px 50px;


Properti padding dapat memiliki satu sampai empat nilai. 
  • padding: 25px 50px 75px 100px; 
  • padding atas adalah 25px 
  • bantalan yang tepat adalah 50px 
  • Padding bawah adalah 75px 
  • Padding kiri adalah 100px 

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

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

  • padding: 25px; 
  • keempat bantalan adalah 25px

Semua Properti CSS Padding 

"CSS" kolom menunjukkan di mana versi CSS properti didefinisikan (CSS1 atau CSS2).
PropertyDescriptionValuesCSS
paddingProperti singkatan untuk menetapkan semua properti padding dalam satu deklarasipadding-top
padding-right
padding-bottom
padding-left
1
padding-bottomMengatur padding bawah elemenlength
%
1
padding-leftMengatur padding kiri elemenlength
%
1
padding-rightMengatur padding kanan elemenlength
%
1
padding-topMengatur padding atas elemenlength
%
1
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda