Sifat text-transform
Sifat text-transform menetapkan
kes huruf teks: huruf besar semua (uppercase),
huruf kecil semua (lowercase), atau menjadikan
huruf pertama setiap perkataan sebagai huruf besar.
Sintaks
selector {
text-transform: capitalize | lowercase | uppercase | none;
}
Nilai
| Nilai | Keterangan |
|---|---|
capitalize |
Aksara pertama setiap perkataan dalam ayat akan menjadi huruf besar. |
lowercase |
Semua aksara teks ditukar kepada huruf kecil. |
uppercase |
Semua aksara teks ditukar kepada HURUF BESAR. |
none |
Tidak mengubah kes huruf aksara. |
Nilai lalai: none.
Contoh . Nilai capitalize
Sekarang huruf pertama setiap perkataan akan menjadi huruf besar:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Contoh . Nilai uppercase
Sekarang semua aksara akan menjadi huruf besar:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Contoh . Nilai lowercase
Sekarang semua aksara akan menjadi huruf kecil (bukan huruf besar):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: