Mengenal Perintah Penggunaan Text-transform - Salah satu yang kode CSS yang jarang digunakan atau bahkan mungkin tidak terlalu untuk digunakan adalah penggunaan text-transform. Apa itu text-transform? Adalah salah satu fungsi yang akan menentukan penggunaan karakteristik sebuah teks, apakah menggunakan huruf besar, huruf kecil, atau tidak sama sekali. Dan dalam kode CSS template blog, ada 3 (tiga) text-transform yang umum digunakan, yaitu:
Text Transform UPPERCASE yaitu membentuk semua teks menjadi karakter dengan huruf kapital
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: UPPERCASE, dan meskipun dalam penulisan teks html menggunakan huruf kecil semua, maka hasil tampilannya dari elemen tersebut menampilkan teks dengan huruf kapital semua
Contoh tampilan: PANDUANTEMPLATEBLOG.COM
Text Transform lowercas yaitu membentuk semua teks menjadi karakter dengan huruf kecil
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: lowercase, dan meskipun dalam penulisan teks html menggunakan huruf besar semua, maka hasil tampilannya dari elemen tersebut menampilkan teks dengan huruf kecil semua
Contoh tampilan: panduantemplateblog.com
Text Trasform Capitalize yaitu hanya membentuk karakter dari sebuah teks menjadi huruf besar
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: Capitalize, dan meskipun dalam penulisan awal teks html menggunakan huruf kecil, maka hasil tampilannya dari elemen tersebut menampilkan teks awal dengan huruf besar
Contoh tampilan: Panduantemplateblog.com
Namun karena beberapa alasan, penggunaan text transform ini memang jarang digunakan kecuali untuk tampilan teks dalam spesifik tertentu, misalnya judul blo atau artikel. Dan selebihnya, banyak yang menggunakan cara manual dalam menentukan karakter teks atau huruf dalam sebuah artikel blog. Terimakasih telah membaca artikel ini, Mengenal Perintah Penggunaan Text-transform
- text-transform: uppercase
- text-transform: lowercase
- text-transform: capitalize
Text Transform UPPERCASE yaitu membentuk semua teks menjadi karakter dengan huruf kapital
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: UPPERCASE, dan meskipun dalam penulisan teks html menggunakan huruf kecil semua, maka hasil tampilannya dari elemen tersebut menampilkan teks dengan huruf kapital semua
Contoh tampilan: PANDUANTEMPLATEBLOG.COM
Text Transform lowercas yaitu membentuk semua teks menjadi karakter dengan huruf kecil
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: lowercase, dan meskipun dalam penulisan teks html menggunakan huruf besar semua, maka hasil tampilannya dari elemen tersebut menampilkan teks dengan huruf kecil semua
Contoh tampilan: panduantemplateblog.com
Text Trasform Capitalize yaitu hanya membentuk karakter dari sebuah teks menjadi huruf besar
Jika dalam kode CSS dari sebuah elemen diberikan perintah text-transform: Capitalize, dan meskipun dalam penulisan awal teks html menggunakan huruf kecil, maka hasil tampilannya dari elemen tersebut menampilkan teks awal dengan huruf besar
Contoh tampilan: Panduantemplateblog.com
Namun karena beberapa alasan, penggunaan text transform ini memang jarang digunakan kecuali untuk tampilan teks dalam spesifik tertentu, misalnya judul blo atau artikel. Dan selebihnya, banyak yang menggunakan cara manual dalam menentukan karakter teks atau huruf dalam sebuah artikel blog. Terimakasih telah membaca artikel ini, Mengenal Perintah Penggunaan Text-transform
0 komentar:
Posting Komentar
Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih