The properti font CSS mendefinisikan font keluarga, keberanian, ukuran, dan gaya teks. Show
Perbedaan Antara Font Serif dan Sans-serifKeluarga CSS FontDalam CSS, ada dua jenis nama keluarga font:
Keluarga Font Keluarga font teks diatur dengan The Mulailah dengan font yang Anda inginkan, dan diakhiri dengan sebuah keluarga generik, agar browser memilih font yang sama dalam keluarga generik, jika tidak ada font lain yang tersedia. Catatan: Jika nama keluarga font yang lebih dari satu kata, itu harus dalam tanda kutip, seperti: "Times New Roman". Lebih dari satu keluarga font yang ditentukan dalam daftar dipisahkan koma: Untuk kombinasi huruf yang umum digunakan, melihat kami Web Aman Font Kombinasi . Gaya tulisan The Properti ini memiliki tiga nilai:
Contoh p.normal { p.italic { p.oblique { Cobalah sendiri " Ukuran huruf The Mampu mengatur ukuran teks adalah penting dalam desain web. Namun, Anda tidak harus menggunakan penyesuaian ukuran font untuk membuat paragraf terlihat seperti pos, atau pos tampak seperti paragraf. Selalu gunakan tag HTML yang tepat, seperti <h2> - <h6> untuk judul dan <p> untuk paragraf. Nilai font-size bisa menjadi ukuran mutlak, atau relatif. ukuran absolut:
ukuran relatif:
Set Ukuran Font Dengan PixelMengatur ukuran teks dengan piksel memberikan Anda kontrol penuh atas ukuran teks: Contoh h2 { h2 { p { Cobalah sendiri " Tip: Jika Anda menggunakan piksel, Anda masih dapat menggunakan alat zoom untuk mengubah ukuran seluruh halaman. Set Ukuran Font Dengan EmUntuk memungkinkan pengguna untuk mengubah ukuran teks (dalam menu browser), banyak pengembang menggunakan em bukan piksel. Unit ukuran em direkomendasikan oleh W3C. 1em sama dengan ukuran font saat ini. Ukuran teks default di browser adalah 16px. Jadi, ukuran default dari 1em 16px. Ukuran dapat dihitung dari piksel ke em menggunakan rumus ini:pixels/ 16 =em Contoh h2 { h2 { p { Cobalah sendiri " Dalam contoh di atas, ukuran teks dalam em adalah sama dengan contoh sebelumnya dalam pixel. Namun, dengan ukuran em, adalah mungkin untuk menyesuaikan ukuran teks dalam semua browser. Sayangnya, masih ada masalah dengan versi IE. teks menjadi lebih besar dari yang seharusnya jika dibuat lebih besar, dan lebih kecil dari yang seharusnya bila dibuat lebih kecil. Gunakan Kombinasi Persen dan EmSolusi yang bekerja di semua browser, adalah untuk menetapkan standar font-size di persen untuk <body> elemen: Contoh body { h2 { h2 { p { Cobalah sendiri " kode kita sekarang bekerja besar! Ini menunjukkan ukuran teks yang sama di semua browser, dan memungkinkan semua browser untuk memperbesar atau mengubah ukuran teks! Berat Font The Contoh p.normal { p.thick { Cobalah sendiri " Font Variant The Dalam font kecil-caps, semua huruf kecil dikonversi ke huruf besar. Namun, huruf besar dikonversi muncul dalam ukuran font lebih kecil dari huruf besar asli dalam teks. Contoh p.normal { p.small { Cobalah sendiri " Contoh lebih Semua properti font dalam satu deklarasi Uji Diri dengan Latihan!Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 » Semua CSS Font Properti
Properti CSS yang mana yang dapat digunakan untuk mengontrol ukuran teks?font-size merupakan property CSS yang digunakan untuk menentukan ukuran font yang digunakan pada teks. Artinya, Anda bisa merubah ukuran Teks pada Html yang nantinya akan ditampilkan pada Halaman Web.
Apa kegunaan properti fontuntuk merubah warna font bisa menggunakan perintah 'color', font-family digunakan untuk merubah jenis font, font-style digunakan untuk mengatur gaya font, italic,normal dan lainnta.
Properti CSS apa saja?Terdapat 4 properti css antara lain: list-style-type, list-style-position, list-style-image, dan list-style.
Properti manakah yang digunakan untuk mengubah elemen font?Font adalah Property yang mengatur jenis, ketebalan, ukuran, dan variasi huruf. font-family berfungsi untuk mengubah jenis font dari sebuah elemen.
|