p {font-weight: bold}
Contoh penerapannya seperti ini :
/* Heading */
h1,h2,h3,h4{font-weight:900;font-family:'Open Sans', Tahoma, sans-serif;}
h1{font-size:26px;}
h2{font-size:16px;}
h3{font-size:20px;}
h4{font-size:16px;}
Nilai-nilai (value) yang dipakai untuk CSS font-weight :
| Value | Keterangan |
| normal | Default, biasa saja |
| bold | Tebal |
| bolder | Lebih tebal dari bold |
| lighter | Lebih tipis dari normal |
| 100 200 300 400 500 600 700 800 900 | Mengatur ketebalan huruf, mulai dari tipis sekali sampai tebal sekali. Untuk nilai ketebalan normal=400 dan bold=700 |
Contoh :
| <html> <head> <style type="text/css"> p.normal {font-weight: normal} p.tipis {font-weight: lighter} p.tebal {font-weight: bold} p.tebalan {font-weight: 900} </style> </head> <body> <p class="normal">Paragraph normal</p> <p class="tipis">Paragraph tipis</p> <p class="tebal">Paragraph tebal</p> <p class="tebalan">Paragraph lebih tebal</p> </body> </html> |
Tampilan browser:
| Paragraf normal Paragraf tipis Paragraf tebal Paragraf lebih tebal |
Secara berututan 4 baris paragraf diatas dituliskan pada kode HTML-nya seperti ini :
<p style="font-weight: normal">Paragraf normal</p> “normal” bisa diganti dengan nilai “400”
<p style="font-weight: lighter">Paragraf tipis</p>
<p style="font-weight: bold">Paragraf tebal</p>
<p style="font-weight: 900">Paragraf lebih tebal</p>
Silahkan Anda mencoba value yang lainnya. Kata “normal”, “bold” dan “lighter” bisa diganti dengan suatu nilai yang sesuai keinginan.
0 comments:
Post a Comment