Penjelasan kode script dari properti CSS

                                                     Kode script dari property CSS

a.Margin 

   Digunakan untuk mengaplikasikan jarak tepi pada sebuah elemen bagian luar (tepi garis liar), margin memiliki 4 macam penjabaran yang dapat digunakan secara terpisah,yaitu: margin-top, margin-right ,margin-bottom, margin-left.Batas tepi margin dapat ditentukan dengan satuan: px,mm,cm,in,pt,pc,em,ex,ch,rem, dan dapat ditentukan dengan persentase , auto (  menentukan otomatis ), dan inherit.

Contoh: p { margin : 20px ; }

b.Padding

   Digunakan untuk menghasilkan ruang di sekitan konten elemen, di dalam batas yang di tentukan, padding memiliki 4 penjabaran yang dapat digunakan secara terpisah, yaitu :padding-top,padding-right,margin-bottom,margin-left.Padding memiliki nilai panjang; in,px,pt,cm,etc, inherit, dan nilai dalam pernsentase %.

Contoh: p { padding : 20px ; }

 

c.Float

   Digunakan untuk memposisikan dna membuat konten, misalnya membiarkan gambar melayang ke kiri ke text dalam wadah, posisi flaot dapat ditentukan dengan :  left,right,none,inherit

Contoh : p { float : right ; }

d.Absolute

   Memungkinkan untuk menghapus elemen dari wadah div dengan deklarasi top, bottom, left, right.

Contoh : p { position : absoulute ; } 

e.Border 

   Digunakan untuk menentukan gaya, lebar , dan warna batas element. dapat ditentukan dengan : dotted , dashed ,solid ,double,groove,ridge, insert,outset,none,hidden.

Contoh : p.dotted { border-style: dotted;}

p.dashed {border-style: dashed ;}

p.solid [border-style: solid ;}
p.double{border-style: double ;}
p.groove{border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}