A. Pengertian CSS Baca Juga : Cara Memberi Jarak Konten/isi Elemen dengan CSS ( Padding CSS) Fungsi CSS B. Cara Memberi Jarak Antar Elemen / Tag HTML dengan CSS ( Margin ) Ketikkan koding berikut: Berikut adalah tampilan yang akan anda dapatkan : Jarak antar box ke satu dan box ke dua sedikit berjauhan, karena kita menambahkan margin bawah (margin-bottom) sebesar 50px. Untuk melihat perbedaan ketika kita memberikan margin atau tidak, anda dapat menghapus property margin-bottom dan perhatikan perbedaannya. Anda juga dapat memberikan jarak dari kanan (right), kiri (left) dan atas (top). Misalnya : margin-top:20px; Nah Bagaimana…? apakah sekarang kamu sudah mengerti Cara Memberi Jarak Antar Elemen / Tag HTML dengan CSS? Mungkin itu saja tulisan yang membahas tentang Cara Memberi Jarak Antar Elemen / Tag HTML dengan CSS, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih. Bagaimanakah cara Mengatur Jarak Element div , img , p dan lain sebagainya . . ( CSS margin , padding ) Apa Itu Margin ?, dan Apa Itu Padding ,,
dibawah ini adalah gambar border , content , margin , padding :
Contoh 1 : #img {margin:8px 0 8px;} CSS di atas menyebutkan bahwa jarak element bagian atas dan bawah 8px , sedangkan pada bagian kiri dan kana adalah 0 . #img {margin:8px 8px;}code CSS di atas sama dengan code#img {margin:8px;}contoh 3:#img {margin:4px 8px 16px 32px;}code CSS di atas menyebutkan bahwa jarak atas 4px , kanan 8px , bawah 16px , kiri 32px . Aturan css seperti di atas sama dengan aturan css padding . click button di bawah ini untuk mengetahui posisi margin dan padding beserta code css nya ,, POSISI MARGINSource CodePOSISI PADDING contoh di atas hanya beberapa code css saja untuk keseluruhan akan seperty berikut ini : |