Contoh dan Penjelasan Kode Script Properti-Properti dalam CSS

Margin,Padding,Float,Absolute,border,display,box model.

MARGIN DAN PADDING

(https://www.webhozz.com/blog/wp-content/uploads/2019/06/css_padding_vs_margin.jpg)

Margin

Margin berfungsi untuk mengatur halaman pada html pada bagian luarnya, bisa dibilang margin berfungsi untuk mengatur space pada bagian luar text atau elemen di luar halaman HTML.

<h3 style="background-color: greenyellow; margin: 10px;">Menggunakan Margin</h3>

Format penggunaan margin ini adalah kita memilih jenis margin kanan, kiri, bawah, atau atas. Lalu kita memilih jarak spasi atau jarak dari blank kosong ke text.

Contoh menggunakan properti margin pada HTML agar tidak bingung:

<!DOCTYPE html>
<html>
    <head>
    </head>
        <body>
            <h3 style="background-color: greenyellow; margin-top: 50px;">Margin Atas</h3>
            <h3 style="background-color: greenyellow; margin-right: 60px;">Margin Kanan</h3>
            <h3 style="background-color: greenyellow; margin-bottom: 40px;">Margin Bawah</h3>
            <h3 style="background-color: greenyellow; margin-left: 60px;">Margin Kiri</h3>
        </body>
</html>

BORDER

Border merupakan garis tepi yang dapat digunakan untuk membuat pembatas antara text pada halaman HTML.

Willy Zaki

Pages