27/12/2015

Properti CSS Font Style (Gaya Normal - Miring)

27/12/2015

Dibutuhkan gaya khusus untuk beberapa kata atau kalimat yang ingin kita tekankan di atas halaman. Dengan properti CSS Font Style, teks akan ditampilkan dengan dua gaya: Italic dan obligue, sehingga dengan gaya tersebut beberapa kata atau kalimat yang kita tekankan memiliki karakter khusus dari kata atau kalimat yang lain.

Fungsi CSS Font-Style ::Menampilkan gaya huruf miring

Properti CSS Font Style digunakan untuk menentukan gaya teks apakah akan ditampilkan dengan model miring ataukah normal.
Untuk jenis font yang tidak memiliki varian italic dan oblique, maka browser akan tetap menampilkan gaya tersebut secara artifisial. Hanya saja, efek yang muncul tidak sebaik font yang benar-benar memiliki variant italic dan oblique. Nilai Properti CSS Font Style
  • normal
  • italic
  • oblique
  • inherit
  1. Normal
    • normal adalah nilai default (dasar), dan memberikan efek karakter tegak. nilai normal bisa digunakan untuk memastikan efek huruf tegak pada anak elemen HTML yang induk elemen HTML-nya menerapkan efek italic atau oblique
  2. Italic (miring)
    • Sebagian besar jenis font memiliki versi karakter khusus gaya italic. Jikan nilai italic ditentukan pada properti font-style maka browser akan menampilkan versi karakter italic pada font tersebut.
  3. Oblique (miring)
    • Secara visual memang tidak begitu tampak jelas perbedaan antara italic dan oblique. Namun, nilai oblique bisa disebut sebagai nilai italic buatan. Sebab, browser akan memaksa font untuk ditampilkan dalam keadaan miring meskipun jenis font yang digunkan tidak memiliki versi italic.
  4. Inherit
    • Nilai ini mewarisi gaya font style yang ditentukan pada induk elemen
Contoh Sintaks CSS Font Style

Sintaks CSS

span {font-style: normal}
span {font-style: italic}
span {font-style: oblique}
span {font-style: inherit}
Contoh Penarapan CSS Font Style
kembali ke CSS Font dan Teks