Cara Menggunakan Margin Di CSS

Margin adalah sebuah kode css yang fungsinya untuk memberi jarak di luar objek seperti text atau box. Margin sangat berperan penting pada halaman website setiap objek akan kita kasih jarak di antara objek yang lain untuk memperindah tampilan pada halaman website, Jenis margin ada 5 margin left, margin right, margin top, margin bottom, dan margin. lansung saja kita akan bahas mengenai margin pada css dan bagai mana cara penulisannya.

1. margin-left

Menentukan margin kiri, memberi jarak di bagian kiri objek, penulisan marign-left

margin-left : 12pt;
margin-left : 5cm;
margin-left : 0.6in;
margin-left : 15apx;

Ada beberapa jenis ukuran yang bisa kita gunakan untuk penulisan margin, kalau saya sendiri biasanya menggunakan satuan px pada margin.

2. margin-right

Menentukan margin kanan, memberi jarak di bagian kanan objek, cara penulisannya:

margin-right: 12pt;
margin-right: 5cm;
margin-right: 0.6in;
margin-right: 15px;

3. margin-top

Menentukan margin atas, memberi jarak di bagian atas objek, cara penulisannya:

margin-top : 12pt;
margin-top : 5cm;
margin-top : 0.6in;
margin-top : 15px;

4. margin-bottom

Menentukan margin bawah, memberi jarak di bagian bawah objek, cara penulisannya:

margin-bottom : 12pt;
margin-bottom : 5cm;
margin-bottom : 0.6in;
margin-bottom : 15px;

5. margin

Menentukan margin dengan ukuran atas, kanan, bawah, kiri

atas 10 piksel, kanan 5 piksel, bawah 5 piksel, kiri 15 piksel
margin : 10px 5px 5px 15px

atas 10 piksel, kanan 5 piksel, bawah 5 piksel, kiri 5 piksel
margin : 10px 5px 5px;

atas 10 piksel, kanan 5 paiksel, bawah 10 piksel
(disamakan dengan atas) kiri 5 piksel (disamakan dengan kanan)
margin : 10px 5px

Di antara 5 jenis margin tersebut semuanya akan berguna pada saat kondisi tertentu, kita akan menggunakan salah satu jenis dari 5 di atas.

semoga artikel ini bermanfaat dan membantu..

Share this post