Gank Zone Blog? Join Now!
RSS Feed Facebook Twitter

CSS Font Style

Share or Like on :


Mungkin rekan-rekan sahabat bloger sudah mengetahui apa itu CSS dan bagaimana cara penulisannya, tetapi gak apa apa saya hanya sekedar mengingatkan saja. CSS font style merupakan CSS untuk menentukan jenis kemiringan font pada bagian tertentu.

Ada 3 macam style font yaitu:

  • normal : default; browser menampilkan font secara normal.
  • Italic : browser menampilkan font miring.
  • oblique : browser menampilkan font oblique.
  • satu lagi inherit tetapi saya tidak untuk membahas style ini.

Perbedaan italic dan oblique:

Jenis font biasanya memiliki font set miring yang disebut italic. Misalkan, untuk font Trebuchet MS, akan terdapat 2 set font yaitu trebuchet MS true type (normal) dan trebuchet MS italic (miring). Sementara pada penggunaan style oblique, yang digunakan adalah Trebuchet MS true type yang di miringkan pada saat ditampilkan. Jadi untuk beberapa font, tidak akan tampak perbedaan nyata antara penggunaan style italic dan oblique.

Cara penulisan:

property tag CSS = font-style

value = normal atau italic atau oblique

Contoh penulisan:

h1 {

font-size: 16px;

font-style: italic;

}



h2 {

font-size: 14px;

font-style:oblique;

}



h3 {

font-size: 12px;

font-style: normal;

}

Hasil:

Ini adalah Heading 1 (H1) menggunakan style italic

Ini adalah Heading 2 (H2) menggunakan style oblique

Ini adalah Heading 3 (H3) menggunakan style normal

Sekian tutorial CSS pada kesempatan kali ini, semoga bermanfaat.




Posting Komentar

Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!

 
© Copyright 2012 - Gank-Zone Blog. Powered by Blogger.com and Gank-Zone
Gank Zone Blog