Membuat Border Padding Margin Pada Blog

Membuat Border Padding Margin Pada Blog - Di dunia blog, terutama ketika kita akan menyesuaikan template blog, kita sering menemukan atribut yang disebut "Margin, Padding and Border" yang kadang kala terletak di setiap elemen yang akan kita edit. Terutama ketika kita ingin menciptakan tema blog dari awal, tentunya dalam mengatur tata letak dan merapikan tampilan tema dasar kita harus memakai atribut ini.

Dengan pengaturan margin dan padding yang pas, maka tampilan postingan dalam blog kita pun akan semakin terlihat menawan. Tetapi ketika kita salah dalam memahami dan menunjukkan pengaturan margin dan padding ini, bisa-bisa tampilan blog kita menjadi kacau, rumit, dan tidak sedap untuk dipandang mata.

Membuat Border Padding Margin Pada Blog:

Padding: Menentukan jarak komponen body ke border atau Ukuran jarak cuilan dalam. Apakah jarak ruang antara benda / Posts dan elemen, jarak antara isi konten yang diatur dalam area konten / elemen biasanya dalam bentuk benda / tulisan

padding:10px 10px 10px 10px;

padding-left:10px; ini ialah untuk pengaturan padding cuilan kiri
padding-right:10px; ini ialah untuk pengaturan padding kanan
padding-top:10px; untuk cuilan atas dan
padding-bottom:10px; untuk cuilan bawah, Ingat satuan px(pixels) dapat kau ganti sesuai satuan yang lain yang sesuai.

Border: Adalah garis tepi dari komponen. Merupakan garis sebagai pemisah antara dua objek, sehingga tampak terang element/konten suatu blog. Dalam CSS/HTML Border mempunyai beberapa pilihan untuk dipakai menyerupai :

border:10px dotted #000000;

border-width:10px; ini ialah ketebalan border
border-style:dotted; ini ialah jenis bordernya dapat kau ganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini ialah warna dari border.

Margin: Adalah Ukuran jarak cuilan luar atau ukuran jarak setelah Border. Margin merupakan ruang diantara element dimana menunjukkan jarak antar element. terdiri dari dua ruang vertikal dan dua ruang horizontal yang mengakibatkan jarak antar element.

margin:10px 10px 10px 10px;

margin-left:10px; Untuk margin kiri
margin-right:10px; Untuk margin kanan
margin-top:10px; Untuk margin atas
margin-bottom:10px; Untuk margin bawah

Demikian warta perihal Membuat Border Padding Margin Pada Blog. Maaf kalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap warta ini bermanfaat.