Latest web development tutorials

CSS Margin (Margin)

CSS Margin (margin) properti mendefinisikan ruang di sekitar elemen.


batas

margin yang jelas di sekitar elemen (luar perbatasan) wilayah. Margin tidak ada warna latar belakang benar-benar transparan

Margin dapat diubah pada unsur-unsur individu, bawah, margin kiri dan kanan. Anda juga dapat mengubah sekali semua properti.

nilai yang mungkin

nilai penjelasan
mobil Mengatur margin browser Anda.
Hasilnya akan tergantung pada browser
panjangnya Tentukan margin tetap (menggunakan pixel, pt, em, dll)
% Didefinisikan dengan menggunakan persentase marjin

ucapan Margin dapat menggunakan konten yang tumpang tindih negatif.


<H2Margin - marjin sepihak properti

Dalam CSS, itu dapat menentukan sisi yang berbeda dari margin yang berbeda:

contoh

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

Coba »


Margin - properti singkat

Untuk mempersingkat kode, adalah mungkin untuk menggunakan semua properti margin dalam satu properti marjin tertentu. Ini disebut properti steno.

properti singkat untuk semua properti margin "margin":

contoh

margin:100px 50px;

Coba »

Properti marjin dapat memiliki satu sampai empat nilai. / P>

  • margin: 25px 50px 75px 100px;
    • Di pinggiran 25px
    • margin kanan untuk 50px
    • Margin bawah adalah 75px
    • Margin kiri 100px

  • margin: 25px 50px 75px;
    • Di pinggiran 25px
    • Kiri dan kanan margin untuk 50px
    • Margin bawah adalah 75px

  • margin: 25px 50px;
    • margin atas dan bawah untuk 25px
    • Kiri dan kanan margin untuk 50px

  • margin: 25px;
    • Keempat margin 25px

contoh

contoh yang lebih

pengaturan margin pada teks menggunakan nilai cm
Contoh ini menunjukkan bagaimana untuk mengatur nilai teks sentimeter dari margin atas.

Mengatur teks menggunakan nilai persentase margin bawah
Contoh ini menunjukkan bagaimana untuk mengatur menggunakan persentase dari nilai margin bawah sehubungan dengan lebar elemen yang mengandung.


Semua properti CSS marjin

milik deskripsi
batas properti singkat. Mengatur semua properti margin dalam satu deklarasi.
margin-bottom Pengaturan luar elemen.
margin-left Unsur dalam margin kiri.
margin-right Unsur margin kanan.
margin-top Elemen diatur pada margin.