Cara Mengatur Margin Blogg Mywapblog

MARGIN - sering mendengar kata margin ? kata ini sering kita temukan di templates website , css mywapblog dan untuk mengatur posisi antara text dengan tex atau gambar lainya ketika membuat sebuah posting baru.
marhin ini sangat berguna jika kalian ingin mengedit bagian-bagian css sesuai keinginan kita. jadi kalau kita mau mengedit css bagian body, padding makan margin sangat berfungsi penting untuk sebagai pengatur jarak antar jarang satu dengan jarak yang lainya.

Itulah gambaran bagian-bagian margin.
jika kalian belum tahu apa itu margin akan saya beri tahu.
Margin adalah selektor pengendali untuk memberi jarak atau batas di bagian luar elemen pading . di bagian ini anda dapat mengecilkan dan memperbesar margin , atau lebih jelasnya bagian terluar dari pading itu sendiri.
Di setiap ada margin pasti ada padding nya juga sob.
Padding itu sendiri adalan bagian dalam untuk memberi jarak antar jarak satu ke jarang yang lainya. padding ini bisa kita lihat di blog mwb yang berupa padding H3 atau judul menu navigation dan judul kategori mywapblog. di bagian ini anda dapat memperbesar dan memperkecil sesuai keinginan.

Margin itu posisinya tidah hanya terdiri dari 1 margin saja. namun ada ;

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

sesuai dengan fungsi nya masing, misalnya margin-top berfungsi untuk memperbesar dan memperkecil jarak luar di bagian atas pula. untuk margin yang lain fungsinya sama tapi tergantung margin untuk posisi di mana.

untuk memperbesar ukuran jarak margin maka bisa di kontrol menggunakan bilangan dari -10 sampai 100 . setiap ada ukuran angka margin pasti ada satuanya juga.
daftar ukuran margin / property yang sering di gunakan adalah :

• auto
• px
• %
• Em
• in
• pt

Jika sudah faham tentang ukuran dan satuan margin, kita perlu mengetahui tempat atau posisi margin yang benar.
margin di mulai dari atas, kanan, bawan dan kiri.

sudah tau kan semua tentang margin ? mari kita praktekan di bawah ini. kali ini saya akan menggunakan satuan value px untuk mengatur jarak dalam margin

#header {margin-top:2px;margin-
right:4px;margin-
bottom:2px;margin-
left:4px;padding-top:3px;padding-
right:2px;padding-
bottom:3px;padding-left:2px;}

bagi saya itu terlalu panjang, jadi dapat di singkat lagi menjadi

#header {margin:2px 4px 2px
4px;padding:3px 2px 3px 2px}

Bisa disingkat lagi menjadi seperti

#header {margin:2px
4px;padding:3px 2px}

Bisa lebih singkat lagi menjadi seperti

#header{margin:2 4;padding:3 2}

Contoh penulisan Margin dan Padding menggunakan value %.

#header {margin-top:2px;margin-
right:20%;margin-
bottom:2px;margin-
left:20%;padding-top:2px;padding-
right:5%;padding-
bottom:2px;padding-left:5%;}

Dan dapat disingkat menjadi seperti

#header {margin:2px 20% 2px
20%;padding:2px 5% 2px 5%}

Bisa disingkat lagi menjadi seperti

#header{margin:2px
20%;padding:2px 5%}

Bisa lebih singkat lagi menjadi seperti #header {margin:2 20%;padding:2 5%}

Jika hanya dua sisi yang diberi Margin dan Padding dapat kita tulis seperti™

#header {margin-top:5px;margin-
right:0px;margin-
bottom:5px;margin-
left:0px;padding-top:0px;padding-
right:3px;padding-
bottom:0px;padding-left:3px}

Jika hanya satu sisi yang tidak diberi Margin dan Padding dapat kita tulis seperti

#header {margin-top:5px;margin-
right:5px;margin-left:5px;padding-
top:3px;padding-right:3px;padding-
left:3px}

Okey sob. cukup ini dulu yang dapat saya bagikan. kalau ada yang belum jelas bisa tanyakan pada saya di komentar di bawah

Tweet