Page 28 - WP YAMIN - MTI CANDUANG
P. 28
Bengkel Internet PENS-ITS : Cascading Style Sheets
</STYLE> Contoh 2 :
</HEAD> <HTML>
<BODY> <HEAD>
Background di Pusat Halaman <TITLE>Format Text </TITLE>
</BODY> <STYLE ="text/css">
</HTML> h1 {text-align: center}
h2 {text-align: left}
VI. FORMAT TEXT PADA WEB h3 {text-align: right}
Properties Value Keterangan </STYLE>
Pengaturan warna </HEAD>
color green, dll
Pengaturan Spasi (jrk antar karakter) <BODY>
letter-spacing Normal Ukrn standar HTML <h1>Header 1,Di tengah</h1>
Length Ukrn panjang <h2>Header 2 , Di kiri</h2>
(cm,px)
Perataan Text <h3>Header 3 ,Di kanan</h3>
text-align left </BODY>
right </HTML>
center
justify
text-decoration none Bentuk standar Contoh 3 :
underline Bergaris bwh <HTML>
overline Bergaris atas <HEAD>
line-through Text dicoret
blink Text berkedip <TITLE>Format Text </TITLE>
<STYLE ="text/css">
Pengaturan text indentasi em {text-decoration : overline}
text-indent length Dengn cm, px
% Dengan persentase h2 {text-decoration: blink}
Pengubahan Bentuk Karakter h3 {text-decoration: underline}
text-transform capitalize a {text-decoration: none}
uppercase
lowercase </STYLE>
none </HEAD>
<BODY>
Contoh 1 : <em>Bentuk Overline</em>
<HTML> <h2>Header 2, Bentuk Line-
<HEAD> through</h2>
<TITLE>Format Text </TITLE> <h3>Header 3,Bentuk Underline</h3>
<STYLE ="text/css"> <p> <a href="http://lecturer.eepis-
p {color : green; letter-spacing: 0.5cm} its.edu/~zenhadi">
h4 {letter-spacing: -2px} Penggunaan Dalam Link,Nilai NONE</a></p>
</STYLE> </BODY>
</HEAD> </HTML>
<BODY>
<p>Pengaturan Spasi Pada Paragraph Contoh 4 :
</p> <HTML>
<h4> Header 4</h4> <HEAD>
</BODY> <TITLE>Format Text </TITLE>
</HTML> <STYLE ="text/css">
p.besar {text-transform: uppercase}
6
