CSS 4 : Pengenalan Margin

14/08/2017

 
 MUHAMMAD FAISAL ~  CSS  MARGIN properti yang digunakan untuk menghasilkan ruang di sekitar elemen.The margin sifat mengatur ukuran ruang putih LUAR perbatasan. Elemen ini memiliki margin dari 80px.

Margin - Individual Sides

CSS memiliki sifat untuk menentukan margin untuk setiap sisi elemen:

• margin-top
• margin-right
• margin-bottom
• margin-left

Semua margin properti dapat memiliki nilai berikut:

• auto - browser menghitung margin
• panjang - menetapkan margin di px, pt, cm , dll
• % - Menetapkan margin di% dari lebar dari elemen yang mengandung
• mewarisi - menetapkan bahwa margin harus diwarisi dari elemen induk.

Contoh berikut menetapkan berbeda margins untuk semua empat sisi dari <p> elemen:

Contoh berikut memungkinkan kiri margin diwariskan dari elemen induk:

Jadi, di sini adalah cara kerjanya:

Jika margin menawarkan empat nilai:

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

Jika margin properti memiliki tiga nilai:

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

Jika margin properti memiliki dua nilai:

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

Jika margin menawarkan satu nilai:

• margin : 25px;
• keempat margin 25px

REFENSI

• WWW.w3im.com