Cara menggunakan javascript miring

Melanjutkan tutorial Font CSS, kali ini kita akan membahas Cara Italicize dan Bold Font dengan CSS. Properti yang akan kita gunakan adalah font-style dan font-weight

Cara Memiringkan Huruf HTML dengan CSS

Efek miring sering digunakan untuk menandai kalimat atau kata penting dalam konten kita. Untuk mendapatkan efek italic dengan CSS, kita bisa menggunakan properti font-style. Property font-style memiliki 3 nilai yaitu. normal, miring, dan miring

Untuk huruf miring, kode CSS adalah. gaya tulisan. miring atau font-style. miring. Kedua perintah ini akan menghasilkan efek miring. Perbedaannya adalah gaya font. italic akan menggunakan format font terpisah dari tipe italic (jika tersedia), sedangkan font-style. oblique hanya akan memiringkan font yang ada beberapa derajat (tanpa menggunakan font miring khusus)

Perbedaan antara italic dan oblique umumnya tidak terdeteksi, namun jika font yang ada menyediakan versi italic, font-style. italic akan menghasilkan italic yang lebih baik

Jika Anda ingin menghapus efek miring dari teks, gunakan perintah. gaya tulisan. normal

Sebagai contoh, untuk memiringkan sebuah tag dengan class miring, berikut adalah kode CSSnya:

span.miring {
   font-style: italic;
}

Cara Menebalkan Font HTML dengan CSS

Untuk membuat huruf atau font HTML menjadi tebal, kami menggunakan properti font-weight. Properti font-weight memiliki 13 nilai yang terdiri dari 4 kata kunci dan 9 angka

Nilai ke-13 dari properti font-weight adalah. normal, tebal, lebih tebal, lebih ringan, 100, 200, 300, 400, 500, 600, 700, 800 dan 900. Semua nilai ini dimaksudkan untuk membuat berbagai pengukuran ketebalan teks. Mulai dari angka 100 untuk teks paling tipis, hingga nilai 900 untuk teks paling tebal. Namun agar semua nilai tersebut memiliki efek yang berbeda, jenis font yang dipilih juga harus menyediakan opsi tersebut

Untuk menghapus efek tebal dari teks, gunakan perintah. font-berat. normal

Dalam contoh tutorial di atas, saya membuat kelas untuk setiap nilai. Anda dapat melihat efek yang dihasilkan dengan menggunakan nilai properti yang berbeda

eBook CSS Uncover Duniailkom

Jika Anda ingin mempelajari cara mendesain web, CSS harus dikuasai. Duniailkom telah menyusun eBook CSS Uncover yang membahas tentang CSS secara lebih detail dan lengkap, mulai dari dasar hingga fitur terbaru dari CSS3 seperti animasi dan web yang responsif. Penjelasan lebih lanjut bisa ke. eBook CSS Uncover Duniailkom

Lanjut ke tutorial CSS lainnya yaitu tentang cara menambahkan kode miring dengan CSS (Cascading style sheets). Untuk mengubah format teks menjadi miring atau italic, biasanya kita sering menggunakan tag html seperti dan diakhiri dengan < /i>. Namun ada cara lain yaitu dengan menambahkan properti font-style.

Penulisan properti miring adalah sebagai berikut

gaya tulisan. huruf miring;

jika kita masukkan pada kode tag