Properti dalam CSS adalah kode atribut untuk mengubah desain dari elemen HTML, CSS memiliki banyak properti namun disini kita hanya membahas properti yang sering digunakan saja.
1. Margin & Padding
Margin dan Padding adalah properti yang sering digunakan dalam CSS, fungsinya mengatur jarak dan ruang antar elemen dalam HTML
<style type=‘text/css’>
.element {
padding: 5px;
margin: 5px ;
}
</style>
Coba perhatikan gambar berikut ini untuk mengetahui apa perbedaan padding dan margin:
Margin adalah menambah ruang keluar sedangkan Padding adalah menambah ruang kedalam. Di gambar tersebut Margin dan Padding dibagi menjadi 4, yaitu TOP, LEFT, RIGHT, dan BOTTOM.
- TOP adalah untuk membuat jarak antar elemen dibagian atas
- LEFT adalah untuk membuat jarak antar elemen dibagian kiri
- BOTTOM adalah untuk membuat jarak antar elemen dibagian bawah
- RIGHT adalah untuk membuat jarak antar elemen dibagian kanan
cara mengakses properti tersebut adalah dengan menambahkan bagian top/left/bottom/right, dengan margin/padding contoh
margin-top