CSS Margin

CSS margin properti menentukan ruang sekitar elemen. 



Margin

Margin membersihkan area di sekitar sebuah elemen (luar perbatasan). Margin tidak memiliki warna latar belakang, dan benar-benar transparan. Bagian atas, kanan, bawah, dan margin kiri dapat diubah secara independen menggunakan properti terpisah. Properti marjin singkatan juga dapat digunakan, untuk mengubah semua margin sekaligus. 



Nilai yang mungkin

NilaiKeterangan
autoBrowser menetapkan margin. Hasil ini tergantung dari browser
lengthMendefinisikan margin tetap (dalam pixel, pt, em, dll)
%Mendefinisikan margin dalam% dari sebuah elemen

Margin - Pendefinisian secara personal 

CSS memungkin anda untuk menentukan margin yang berbeda untuk sisi yang berbeda:

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;


Margin - properti yang disingkat

Untuk mempersingkat kode margin pada css adalah dengan menentukan semua properti margin dalam satu properti. Ini disebut properti steno. 
Properti singkat untuk semua properti margin "margin":

margin:100px 50px;

Properti marjin dapat memiliki satu sampai empat nilai. 
  • margin: 25px 50px 75px 100px; 
  • margin atas adalah 25px 
  • margin kanan adalah 50px 
  • margin bawah adalah 75px 
  • Margin kiri adalah 100px 

  • margin: 25px 50px 75px; 
  • margin atas adalah 25px 
  • margin kanan dan kiri adalah 50px 
  • margin bawah adalah 75px 

  • margin: 25px 50px; 
  • margin atas dan bawah adalah 25px 
  • margin kanan dan kiri adalah 50px 

  • margin: 25px; 
  • keempat margin 25px

Semua Properti CSS Margin 

Jumlah dalam kolom "CSS" menunjukkan di mana versi CSS properti didefinisikan (CSS1 atau CSS2).
PropertyDescriptionValuesCSS
marginProperti singkatan untuk menetapkan margin properti dalam satu deklarasimargin-top
margin-right
margin-bottom
margin-left
1
margin-bottomMengatur margin bawah elemenauto
length
%
1
margin-leftMengatur margin kiri elemenauto
length
%
1
margin-rightMengatur margin kanan elemenauto
length
%
1
margin-topMengatur margin atas elemenauto
length
%
1
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda