Belajar CSS

CSS : Properties Untuk Mengatur Margin

Margin digunakan untuk mengatur jarak antara border dengan elemen lain.

padingbordermargin

Ada beberapa format penulisan property margin  yang bisa digunakan yaitu

  • format penulisan margin dengan 4 value :

margin : valueT valueR valueB valueL;

keterangan :

valueT : untuk mengatur jarak margin  top (bagian atas)

valueR : untuk mengatur jarak margin right (bagian kanan)

valueB : untuk mengatur jarak margin bottom (bagian bawah)

valueL : untuk mengatur jarak margin left (bagian kiri)

 

  • format penulisan margin dengan 3 value :

margin : valueT  valueRL  valueB ;

keterangan :

valueT             : untuk mengatur jarak margin top (bagian atas)

valueRL          :untuk mengatur jarak margin right (bagian kanan) dan Left (bagian kiri)

valueB : untuk mengatur jarak margin bottom (bagian bawah)

  • format penulisan margin dengan 2 value :

margin : valueTB  valueLR  ;

keterangan :

valueTB          : untuk mengatur jarak margin top (bagian atas) dan bottom (bagian bawah)

valueLR          : untuk mengatur jarak margin left (bagian kiri) dan right (bagian kanan)

  • format penulisan margin dengan 1 value :

margin : value  ;

keterangan :

format penulisan margin dengan 1 value ,artinya value (top,right,bottom,left) sudah ditentukan nilainya(value).

format penulisan margin secara detail (individu) :

margin-top: value;

margin-right: value;

margin-bottom: value;

margin-left: value;

keterangan :

margin-top                 : untuk mengatur jarak margin top(bagian atas).

margin-right              : untuk mengatur jarak margin right(bagian kanan).

margin-bottom          : untuk mengatur jarak margin bottom(bagian bawah).

margin-left                 : untuk mengatur jarak margin left(bagian kiri).

untuk memberian value-nya bisa menggunakan length/panjang angka dalam (px, em, in, cm), persentage (%) atau keyword (auto).

contoh

margin

LEAVE A REPLY

Please enter your comment!
Please enter your name here