Kursus Membuat Web

iklan

Margin CSS

Jarak diluar border - Margin Transparan

Margin

Margin top, right, bottom, dan left bisa dirubah menggunakan property terpisah. Menyingkat property margin juga bisa digunakan, untuk merubah semua margin.

Nilai Yang Mungkin

Nilai Keterangan
auto Browser yang menghitung nilai margin
length Menetapkan nilai margin dalam px, pt, cm, dan lain-lain. Nilai default adalah 0px
% Menetapkan nilai margin dengan persen
inherit menetapkan bahwa nilai margin harus diwarisi dari elemen induk

Catatan : Nilai margin boleh juga menggunakan nilai-nilai negatif.

Margin - Individu

Dalam CSS adalah mungkin untuk menentukan margin yang berbeda untuk tiap sisi :

Contoh
p {
   margin-top: 100px;
   margin-bottom: 100px;
   margin-right: 150px;
   margin-left: 50px;
}
Lihat ...

Margin - Menyingkat Property

Untuk mempersingkat kode, diperbolehkan untuk menentukan semua property margin dalam satu property. Ini disebut menyingkat property.

Menyingkat property untuk semua property margin dengan property margin "margin":

Contoh
p {
  margin: 100px 50px;
}
Lihat ...

Property margin 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 dcan kiri 50px
    • margin bawah adalah 75px
  • margin: 25px 50px;
    • margin atas dan bawah adalah 25px
    • margin kanan dan kiri adalah 50px
  • margin: 25px;
    • semua margin adalah 25px

Semua Property Border CSS

Property Keterangan
margin mengatur semua property margin dalam satu deklarasi
margin-bottom mengatur property bottom margin dari elemen
margin-left mengatur property left margin dari elemen
margin-right mengatur property right margin dari elemen
margin-top mengatur property top margin dari elemen

Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015