Page 29 - WP YAMIN - MTI CANDUANG
P. 29
Bengkel Internet PENS-ITS : Cascading Style Sheets
p.kecil {text-transform: lowercase} <BODY>
</STYLE> <P class="italic">Menggunakan Style
</HEAD> Italic</P>
<BODY> <P class="normal">Menggunakan Style Normal
<p class="besar"> </P>
pengubahan kedalam hurup Besar <P class="oblique">Menggunakan Style
</p> Oblieque</P>
<p class="kecil"> </BODY>
PENGUBAHAN KEDALAM HURUF KECIL </HTML>
</p>
</BODY> Contoh 2 :
</HTML> <HTML>
<HEAD>
VII. PENGATURAN FONT <TITLE>Pengaturan Font</TITLE>
<STYLE ="text/css">
Properties Value Keterangan p.normal
Jenis Font {
font-family arial, dll
Ukuran Huruf font-family : verdana ;
Font-size Small Kecil font-weight: normal;
Medium Menengah }
Large Besar
Length Besar font (pt,px) p.thick
% Persentase {
Pengaturan gaya pada font font-family : verdana ;
font-style normal
italic font-weight: bold;
oblique }
p.thicker
Ketebalan huruf {
font-weight normal
bold font-family : times ;
100 ~ 900 font-weight: 900;
}
Contoh 1 : </STYLE>
<HTML> </HEAD>
<HEAD> <BODY>
<TITLE>Pengaturan Font</TITLE> <p class="normal">
<STYLE ="text/css"> This is a paragraph</p>
p.italic <p class="thick">
{ This is a paragraph</p>
font-size :200 % ; <p class="thicker">
font-style: italic; This is a paragraph</p>
} </BODY>
p.normal{ </HTML>
font-family : verdana ;
font-style: normal;
}
p.oblique {font-style: oblique}
</STYLE>
</HEAD>
7
