Menggunakan Atribut Style pada Font

Atribut Style digunakan untuk menentukan gaya atau bentuk dan memberi fariasi pada font. Dengan Atribut Style, kita bisa merubah atau menentukan ukuran besar dan kecil pada font, memberi warna pada font, memberi background warna atau warna latar pada font, merubah bentuk atau jenis font, dan menentukan penempatan letak teks baik disebelah kiri, tengah, serta kanan.

Berikut penggunaan Atribut Style beserta contoh hasilnya :

1. Menentukan ukuran pada font

<span style="font-size: 20px;">Teks ini menggunakan ukuran font 20 px</span>

Berikut hasilnya :

Teks ini menggunakan ukuran font 20 px

2. Memberi warna pada font

<span style="color: #0b5394; font-size: 20px;">Teks ini menggunakan ukuran font 20 px, dan warna biru</span>

Berikut hasilnya :

Teks ini menggunakan ukuran font 20 px, dan warna biru

3. Memberi Warna latar pada font

<span style="color: #0b5394; font-size: large;"><span style="background-color: #cccccc;">Teks dengan background abu-abu</span></span>

Berikut hasilnya :

Teks dengan background abu-abu

4. Menentukan penempatan letak teks

<div style="text-align: left;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Left)</span></div>

---

Teks berada disebelah kiri (align Left)

---

<div style="text-align: center;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Center)</span></div>

---

Teks berada disebelah kiri (align Center)

---

<div style="text-align: right;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Right)</span></div>

---

Teks berada disebelah kiri (align Right)

5. Merubah bentuk atau jenis font

<span style="font-family: Algerian ;">

<span style="color: #0b5394; font-size: 20px;">Teks dengan bentuk font</span></span>

Berikut hasilnya :

Teks dengan bentuk font

Dibawah ini daftar nama - nama bentuk font, silahkan anda bida gunakan daftar dibawah ini untuk latihan :

Nama-nama Font

Agency FB Algerian Arial Arial Rounded MT Baskerville Old Face Bauhaus 93 Bell MT Berlin Sans FB ArialBernard MT Blackadder ITC Bodoni MT Bodoni MT Poster Book Antiqua Bookman Old Style Bradley Hand ITC Britannic Broadway Brush Script MT Calibri Century Gothic Century Schoolbook Chiller Colonna MT Comic Sans MS Cooper Copperplate Gothic Courier Curlz MT Edwardian Script ITC Elephant Engravers MT Eras ITC Felix Titling Fixedsys Footlight MT Forte Franklin Gothic Freestyle Script French Script MT Futura Md BT Gabriola Georgia Gigi Gill Sans Gloucester MT Goudy Old Style Goudy Stout Haettenschweiler Harlow Solid Harrington High Tower Text Impact Informal Roman Jokerman Juice ITC Kristen ITC Kunstler Script Latin Lucida Calligraphy Lucida Console Lucida Handwriting Lucida Sans Magneto Maiandra GD Matura MT Script Capitals Microsoft Sans Serif Mistral Modern Modern No. 20 Monotype Corsiva MS Sans Serif MS Serif Niagara Engraved Niagara Solid OCR-A BT Old English Text MT Onyx Palace Script MT Palatino Linotype Papyrus Playbill Poor Richard Pristina Rage Ravie Rockwell Roman Script Script MT Segoe Print Segoe Script Segoe UI Showcard Gothic oooooooooooooo Small Fonts Snap ITC Stencil System Tahoma Tempus Sans ITC Terminal Times New Roman Trebuchet MS Tw Cen MT Verdana Viner Hand ITC Vivaldi Vladimir Script

OK....Selamat membaca artikel yang lain dan semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Related Articles :
Baca artikel lain :

Informasi Artikel :
	Judul : "Menggunakan Atribut Style pada Font" Diulas Oleh : Noercholis | Sabtu, 05 Maret 2011 | 01.45 Description : Atribut Style digunakan untuk menentukan gaya atau bentuk dan memberi fariasi pada font. Dengan Atribut Style , kita bisa merubah atau me... Label : HTML,HTML Dasar Rating : 6.4 Dari 10, Berdasarkan 1 komentar00+ Dari 1 komentar 000+ Pengunjung.
Sampai saat ini baru ada : 1 komentar >>> Silahkan tambahkan komentar Anda...