dreamweaver

1.Font-size fungsinya adalah untuk memberi ukuran pada text.

     diatas merupakan rumus dari font-zise :

     inilah yg terjadi jika memakai font-size.

2. Font-Family berfungsi untuk menentukan jenis font pada suatu elemen

     inilah rumus mencari Font-family.

      inilah yg terjadi jika memakai font-family.

3. Border berfungsi untuk memberi batas/garis(seperti) pada suatu bidang/box

diatas merupakan rumus Border.

diatas merupakan hasil dari rumus border.

4.Padding berfungsi sebagai pemberian jarak atau batas pada suatu tag/box/bidang html.
   macam-macam padding yaitu ; 

• padding-top
• padding-right
• padding-bottom
• padding-left
• padding(khusus shorthand).

5.Margin berfungsi sebagai pemberian jarak atau batas(bagian luar) pada suatu tag/box/bidang html.

• margin-top
• margin-right
• margin-bottom
• margin-left
• margin(khusus shorthand)

6.Text-align berfungsi sebagai membuat perataan pada text.

Talue text-align

berikut value text-align

• left
• right
• center
• justify

-CONTOH PROPERTY TEXT-ALIGN DALAM INLINE STYLE

Text-align:left

fungsi value left adalah untuk membuat perataan kiri
contoh

<div style="clear:both;background-color:lime;width:500px;text-align:left;">
ini text align-left
ini text align-left
ini text align-left
ini text align-left
</div>

tampilanya seperti ini

ini text align-left
ini text align-left
ini text align-left
ini text align-left

Text-align:right

fungsi value right adalah untuk membuat perataan kanan
contoh

<div style="clear:both;background-color:lime;width:500px;text-align:right;">
ini text align-right
ini text align-right
ini text align-right
ini text align-right
</div>

tampilanya seperti ini

ini text align-right
ini text align-right
ini text align-right
ini text align-right

Text-align:center

fungsi value center adalah untuk membuat perataan tengah
contoh

<div style="clear:both;background-color:lime;width:500px;text-align:center;">
ini text align-center
ini text align-center
ini text align-center
ini text align-center
</div>

tampilanya seperti ini

ini text align-center
ini text align-center
ini text align-center
ini text align-center

Text-align:justifly

fungsi value justifly adalah untuk membuat perataan hingga ke ujung
contoh

<div style="clear:both;background-color:lime;width:500px;text-align:justifly;">
ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly
</div>

tampilanya seperti ini

ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly ini text align-justifly

7.   Line-height adalah salah satu property pada css, sedangkan fungsinya untuk mengatur tingkat antar baris paragraf.

Value line-height

berikut value line-height

• length/panjang angka dalam (px, em, in)

CONTOH PROPERTY LINE-HEIGHT DALAM INLINE STYLE

Line-height:20px

dengan line-height 20px ini kita membuat style dimana tinggi antar paragraf setinggi 20px
contoh

<div style="clear:both;background-color:lime;width:500px;line-height:20px;">
ini line height:20px
ini line height:20px
ini line height:20px
ini line height:20px
</div>

tampilanya seperti ini

ini line height:20px
ini line height:20px
ini line height:20px
ini line height:20px

Line-height:40px

dengan line-height 40px ini kita membuat style dimana tinggi antar paragraf setinggi 40px
contoh

<div style="clear:both;background-color:lime;width:500px;line-height:40px;">
ini line height:40px
ini line height:40px
ini line height:40px
ini line height:40px
</div>

tampilanya seperti ini

ini line height:40px
ini line height:40px
ini line height:40px
ini line height:40px

8. Width(ID LEBAR) adalah salah satu property dalam css, sedangkan fungsinya ialah mengatur lebar bidang_tag yang kita berikan style.

Value width

Value width antara lain

• Auto
• length(px, in, em)
• (percent)%
• inherit.

9.Height(ID tinggi) adalah salah satu property dalam css, sedangkan fungsinya ialah mengatur tinggi bidang_tag yang kita buat.

VALUE HEIGHT

Value height antara lain

• auto
• length(px, in, em)
• (percent)%
• inherit.