Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5 12.letter-spacing...5 Manual css halaman 1 dari 5
CSS 1. font-weight Font-weight digunakan untuk mengatur ketebalan tulisan, isian yang bisa didefinisikan adalah: lighter tulisan akan ditampilkan lebih tipis. Normal tulisan akan ditampilkan secara normal. Bold tulisan akan di tambilkan tebal. Bolder tulisan akan ditampilkan lebih tebal. 2. Font-style Untuk mengatur agar tulisan ditampilkan miring (italics), fungsi sama dengan tag <b>. adapun value yang bisa ditambahkan adalah: normal, untuk menampilkan tulisan normal italics, untuk membuat tulisan miring. Oblique, sama seperti italics, akan tetapi lebih miring. 3. Font-family Untuk mengatur jenis huruf. 4. font-size Untuk mengatur ukuran tulisan, selain dapat disi dengan ukuran dapat juga diiisi dengan value yg sudah disediakan seperti dibawah ini: xx-small x-small small medium large x-large Manual css halaman 2 dari 5
xx-large smaller larger selain value diatas font-size bisa juga bisa diisi dengan % yang akan mengacu pada ukuran font default browser atau default page. Ukuran font juga memiliki satuan ukur, untuk lebih jelas perhatikan tabel di bawah ini: Ukuran Definisi keterangan In Inches Inchi, ukuran ini sering kali bermasalah karena ukuran ini tidak mencerminkan ukuran monitor. Cm Centimeter Problem sama dengan in Mm Milimeter Problem sama dengan in Pt Points 72 pint sama dengan 1 in, problem sama dengan in Pc Pica 1 pica =12 points=1/6 in atau 6 picas= 1 in, problem sama dengan in Em Em-width Ukuran relatif terhadap tipe font yang sedang aktif. Px Pixel Ukuran ini sesuai dengan spesifikasi yang dimiliki layar monitor, hanya saja jika ingin menggunakan untuk printer, harus dikonfigurasi/didefinisikan ulang. Secara singkat 10px dilayar bisa menjadi 40px di printer. 5. color Untuk pengaturan warna tulisan 6. text-align Untuk megatur aligment tex, value dari text-align adalah: left, untuk rata kiri. Right untuk rata kanan center untuk rata tengan justify untuk rata kanan-kiri 7. vertical-align Untuk pengaturan letak tulisan secara vertical, value yang bisa diisikan adalah: Manual css halaman 3 dari 5
top, untuk meletakan tulisan rata atas. Middle, tulisan rata tengah secara vertical text-top, di atas garis element terttinggi text-bottom, dibawah garis element terbawah super, untuk posisi superscript seperti penulisan derajat( o ) sub, untuk penulisan subscript( 2 )pada h 2 O 8. text-decoration Untuk memberikan efek pada tulisan, value yang bisa diisikan adalah: underline, untuk memberi efek garis bawah pada tulisan, contoh garis bawah overline, memberi garis atas contoh overline line-through, memberi efek tulisan dicoret, contoh line-through blink, memberi efek tulisan berkedip 9. text-transform Untuk mengubah tulisan ke kapital(huruf besar) atau sebaliknya. Value yang bisa diisikan adalah: capitalize, kapital untuk huruf pertama tiap-tiap kata, contohnya Data Kependudukan Indonesia uppercase, mengubah menjadi huruf besar semua, contoh DATA KEPENDUDUKAN INDONESIA lowercase, mengubah menjadi huruf kecil semua, contoh data kependudukan indonesia none, huruf sesuai dengan tulisan yang sudah didefinisikan 10. text-shadow Untuk memberi efek bayangan pada tulisan, value yang bisa diisikan adalah: none, tanpa bayangan format penulisan jika ingin memberi efek bayangan adalah <warna> <jarak bayangan dari text> <jarak bayangan dari text> <besar blur>, Manual css halaman 4 dari 5
contoh: text-shadow : #00ff00 2px 2px 2px; 11.word-spacing Spasi antar kata, value yang dapat ditambahkan adalah: normal <jarak spasi yang diinginkan>, contoh word-spacing: 12px; 12.letter-spacing Spasi/jarak antar huruf, value yang dapat ditambahkan adalah: normal <jarak antar huruf yang diinginkan> contoh letter-spacing: 5px; Manual css halaman 5 dari 5