Sebelumnya: CSS Text (teks) Show Berikutnya: CSS tautan (link) properti font CSS mendefinisikan font, bold, ukuran, gaya teks. Perbedaan antara serif dan sans-serif font antaraFont CSSDalam CSS, ada dua jenis nama keluarga font:
keluarga FontProperti font-family dari keluarga Fon teks. Properti font-family harus ditetapkan beberapa nama font sebagai mekanisme "fallback", jika browser tidak mendukung font pertama, ia akan mencoba font berikutnya. Catatan: Jika nama keluarga font yang lebih dari satu kata, itu harus tertutup dalam tanda kutip, seperti Font Family: "Times New Roman." keluarga font yang beberapa ditentukan oleh dipisahkan koma: p{font-family:"Times New Roman", Times, serif;} Coba » Untuk kombinasi font yang lebih umum digunakan, melihat kami Web-aman kombinasi font . gaya fontTerutama atribut menentukan gaya font teks miring. Properti ini memiliki tiga nilai:
p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} Coba » Font SizeUkuran properti font-ukuran teks. Dapat mengatur ukuran teks dalam desain web sangat penting. Namun, Anda tidak dapat menyesuaikan ukuran font untuk membuat paragraf terlihat seperti pos, atau membuat judul terlihat seperti paragraf. Pastikan untuk menggunakan tag yang benar HTML untuk <h1> - <h6> merupakan judul dan <p> mewakili sebuah paragraf: Font nilai ukuran bisa ukuran absolut atau relatif. ukuran absolut:
ukuran relatif:
Mengatur ukuran font pixelMengatur ukuran teks dengan piksel, memberi Anda kontrol penuh atas ukuran teks: h1 {font-size:40px;} h2 {font-size:30px;} p {font-size:14px;} Coba » Contoh di atas 9, Firefox, Chrome, Opera, dan Safari, menyesuaikan ukuran teks dengan skala browser Internet Explorer. Meskipun Anda dapat menyesuaikan ukuran teks melalui alat zoom browser, bagaimanapun, penyesuaian ini adalah seluruh halaman, tidak hanya teks Gunakan em untuk mengatur ukuran fontUntuk menghindari Internet Explorer tidak dapat disesuaikan dalam teks, banyak pengembang menggunakan em unit bukan piksel. Unit em-size direkomendasikan oleh W3C. 1em sama dengan ukuran font saat ini. Dalam browser default ukuran teks adalah 16px. Oleh karena itu, ukuran default dari 1em 16px. Rumus berikut dapat dikonversi ke piksel em: px / 16 = em h1 {font-size:2.5em;} /* 40px/16=2.5em */ h2 {font-size:1.875em;} /* 30px/16=1.875em */ p {font-size:0.875em;} /* 14px/16=0.875em */ Coba » Dalam contoh di atas, ukuran em teks adalah sama dengan contoh sebelumnya dalam pixel. Namun, jika Anda menggunakan unit em, Anda dapat menyesuaikan ukuran teks dalam semua browser. Sayangnya, IE masih masalah browser. Mengubah ukuran teks, itu akan lebih kecil dari normal atau lebih besar ukurannya. Gunakan kombinasi persentase dan EMDalam semua solusi browser, mengatur <body> unsur ukuran font default adalah persentase: body {font-size:100%;} h1 {font-size:2.5em;} h2 {font-size:1.875em;} p {font-size:0.875em;} Coba » kode kita sangat efektif. Dalam semua browser dapat menampilkan ukuran teks yang sama, dan memungkinkan semua browser untuk memperbesar ukuran teks. Mengatur font bold Anda dapat mengatur mengubah font Semua properti font dalam satu deklarasi Semua properti font CSSSebelumnya: CSS Text (teks) Berikutnya: CSS tautan (link)
You're Reading a Free Preview
You're Reading a Free Preview
Penggunaan Style dan Atribut dalam Elemen HTML cukup penting untuk memperindah tampilan halaman web dan pengaturan tag-tag agar dapat berfungsi secara optimal. Style bermanfaat untuk mengatur gaya dari elemen html bagaimana ditampilkan, seperti mengatur warna latar halaman web, mengatur warna, ukuran, jenis huruf, dll. Sedangkan atribut memberikan informasi tambahan tentang elemen html, dimana style juga termasuk salah satu atribut yang digunakan dalam elemen html. Semua elemen html dapat memiliki atribut yang diletakan selalu di bagian tag pembuka dengan nama dan nilainya, seperti <div width=”100px”>…</div>, dimana width=”100px” adalah atribut dengan width sebagai nama atribut dan 100px sebagai nilai dari nama atribut width. Berikut ini beberapa atribut elemen html yang sering digunakan, diantaranya:
Atribut Style, berperan dalam pengaturan tampilan agar lebih artistik. Pembahasan lebih lengkap tentang style ada dalam tutorial CSS. Penggunaan atribut style pada elemen html mengacu pada sintax <namatag style=”property:value;”>…</namatag>. Property adalah nama properti css dan value adalah nilai nama properti css-nya. Contoh: <p style=”color:red;text-align:left”>…</p>, dimana color adalah properti css dan red adalah nilai dari propertinya. Berikut ini beberapa properti css yang biasa digunakan, diantaranya:
Khusus penggunaan warna mengikuti aturan berikut ini:
Demikianlah tutorial tentang Penggunaan Style dan Atribut dalam Elemen HTML. Beberapa hal yang harus diperhatikan adalah dalam penulisan nama tag, atribut dan propert dan nilainya direkomendasikan menggunakan huruf kecil semua, dan juga direkomendasikan menggunakan tanda petik ganda untuk mengapit nilai dari atribut atau nilai dari properti. |