Properti font-variant

Properti font-variant memungkinkan untuk mengubah huruf kecil (lowercase) menjadi HURUF KAPITAL, tetapi berukuran kecil. Penulisan seperti ini disebut kapital kecil (small caps).

Sintaks

cssselector {
  font-variant: small-caps | normal;
}

Nilai

Nilai	Keterangan
`small-caps`	Mengubah huruf kecil menjadi huruf kapital berukuran kecil.
`normal`	Membatalkan aksi `small-caps`. Biasanya diperlukan dalam kasus di mana Anda perlu membatalkan kapital kecil untuk bagian teks tertentu (misalnya, semua paragraf dibuat kapital kecil, kecuali yang ini).

Nilai default: normal.

Contoh . Nilai small-caps

Dalam contoh ini, huruf akan menjadi kapital, namun berukuran kecil:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: small-caps;
}

Результат:

Bandingkan contoh sebelumnya (kapital kecil), dengan teks yang ditulis menggunakan huruf kapital:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

Contoh . Nilai normal

Dan sekarang akan ditampilkan teks biasa:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: normal;
}

Результат: