Margin
Margin adalah batas atau pemisah jarak tepi halaman website antara top, right, left dan bottom margin yang kita tentukan atribut atau elementnya.
Margin selain bisa digunakan untuk mengatur kata-kata atau huruf yang di tuliskan pada website, dapat juga untuk mengatur jarak batas tepi yang di dalamnya berisikan dokumen, foto serta lainnya yang ada di dalam kolom sebuah website.
Margin yang akan di bahas sebagai berikut :
- Margin Top
- Margn Right
- Margin Bottom
- Margn Left
- Margin
Margin Top
Syntax: margin-top: <value>
Possible Value: <legth> |
<percentage> |
auto
Properti ini mendefinisikan top margin suatu element.
Contoh :
H1 { margin-top: 2em }
Margin Right
Syntax: margin-right: <value>
Possible Value: <legth> |
<percentage> |
auto
Properti ini mendefinisikan right margin suatu element.
Contoh :
H1 { margin-right: 12.3% }
Margin Bottom
Syntax: margin-bottom: <value>
Possible Value: <legth> |
<percentage> |
auto
Properti ini mendefinisikan bottom margin menjadi suatu element.
Contoh :
H1 { margin-bottom: 2em }
Margin Left
Syntax: margin-left: <value>
Possible Value: <legth> |
<percentage> |
auto
Properti ini mendefinisikan left margin suatu element.
Contoh :
H1 { margin-left: 2em }
Margin
Syntax: margin: <value>
Possible Value: [ <legth> |
<percentage> |
auto ] { 1,4 }
Properti margin mendefinisikan margin-top, margin-right, margin-bottom dan margin-left suatu element.
Contoh :
BODY { margin: 2em } /*semua margin di set 2em*/
BODY { margin: 1em 2em } /*top & bottom margn = 1em, right & left 2em */
BODY { margin: 1em 2em 3em } /*top=1em, right=2em, bottom=3em, left=2em*/
Dari semua atribut yang mendefinisikan semua margin, kalian bisa merubah sesuka kalian, jarak atau space yang di hasilkan sebuah halaman website
Belum ada tanggapan untuk "Margin Dalam CSS"
Posting Komentar