<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Azhari070&#039;s Weblog</title>
	<atom:link href="http://azhari070.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://azhari070.wordpress.com</link>
	<description>cerita azhari</description>
	<lastBuildDate>Mon, 11 Apr 2011 06:22:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='azhari070.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Azhari070&#039;s Weblog</title>
		<link>http://azhari070.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://azhari070.wordpress.com/osd.xml" title="Azhari070&#039;s Weblog" />
	<atom:link rel='hub' href='http://azhari070.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Menyadap email</title>
		<link>http://azhari070.wordpress.com/2011/04/11/menyadap-email/</link>
		<comments>http://azhari070.wordpress.com/2011/04/11/menyadap-email/#comments</comments>
		<pubDate>Mon, 11 Apr 2011 06:22:16 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=98</guid>
		<description><![CDATA[Tugas Keamanan Informasi Azhari Surya Adiputro 13207039 &#160; Untuk melakukan penyadapan email, dilakukan dengan menjalankan wireshark. Saya hidupkan wireshark pada laptop saya dan kemudian saya aktifkan filter smtp. Kemudian saya kirimkan email palsu dengan melakukan telnet ke students.itb.ac.id. Email palsu &#8230; <a href="http://azhari070.wordpress.com/2011/04/11/menyadap-email/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=98&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Tugas Keamanan Informasi</p>
<p>Azhari Surya Adiputro 13207039</p>
<p>&nbsp;</p>
<p>Untuk melakukan penyadapan email, dilakukan dengan menjalankan wireshark. Saya hidupkan wireshark pada laptop saya dan kemudian saya aktifkan filter<strong> smtp</strong>.</p>
<p>Kemudian saya kirimkan email palsu dengan melakukan telnet ke students.itb.ac.id. Email palsu ini saya kirimkan ke email students saya sendiri, berisikan tulisan &#8220;congratulation&#8221;.</p>
<p>Bila dilihat pada wireshark, isi email yang berisi tulisan plain text &#8220;congratulation&#8221; terbaca. Berikut screenshoot dari wireshark yang saya gunakan</p>
<p>&nbsp;</p>
<p><a href="http://azhari070.files.wordpress.com/2011/04/smtp.jpg"><img class="alignleft size-full wp-image-99" title="smtp" src="http://azhari070.files.wordpress.com/2011/04/smtp.jpg?w=500&#038;h=384" alt="" width="500" height="384" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/98/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=98&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/04/11/menyadap-email/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/04/smtp.jpg" medium="image">
			<media:title type="html">smtp</media:title>
		</media:content>
	</item>
		<item>
		<title>Melihat &#8220;raw file&#8221; email</title>
		<link>http://azhari070.wordpress.com/2011/04/11/melihat-raw-file-email/</link>
		<comments>http://azhari070.wordpress.com/2011/04/11/melihat-raw-file-email/#comments</comments>
		<pubDate>Mon, 11 Apr 2011 04:19:17 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=93</guid>
		<description><![CDATA[Tugas Keamanan Informasi Azhari Surya Adiputro 13207039 Untuk melihat raw file dari email, saya menggunakan mail client thunderbird. Pada thunderbird email yang saya masukkan adalah email students itb. Kemudian saya kirimkan email dari yahoo ke email students itb saya. Email &#8230; <a href="http://azhari070.wordpress.com/2011/04/11/melihat-raw-file-email/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=93&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Tugas Keamanan Informasi<br />
Azhari Surya Adiputro<br />
13207039</p>
<p>Untuk melihat <em>raw file</em> dari email, saya menggunakan mail client  thunderbird. Pada thunderbird email yang saya masukkan adalah email  students itb.</p>
<p>Kemudian saya kirimkan email dari yahoo ke email students itb saya.  Email ini menyertakan dua buah attachment. Satu buah berupa file .jpg,  satu lagi berupa file .txt</p>
<p>Pada thunderbird pilih menu <strong>view &gt; manage source</strong>, maka akan  terlihat <em>raw file </em>dari email yang masuk. Seperti terlihat dari gambar  berikut</p>
<p><a href="http://azhari070.files.wordpress.com/2011/04/raw-file.jpg"><img title="raw file" src="http://azhari070.files.wordpress.com/2011/04/raw-file.jpg?w=500&#038;h=586" alt="" width="500" height="586" /></a></p>
<p><a href="http://azhari070.files.wordpress.com/2011/04/raw-file-2.jpg"><img title="raw file 2" src="http://azhari070.files.wordpress.com/2011/04/raw-file-2.jpg?w=500&#038;h=585" alt="" width="500" height="585" /></a></p>
<p>Dari <em>raw file</em> , terlihat bahwa pada email, attachment diubah menjadi text file.<br />
Berikut raw file untuk attachment file  .jpg</p>
<p><a href="http://azhari070.files.wordpress.com/2011/04/raw-gambar.jpg"><img title="raw gambar" src="http://azhari070.files.wordpress.com/2011/04/raw-gambar.jpg?w=500&#038;h=587" alt="" width="500" height="587" /></a></p>
<p>Berikut raw file untuk attachment file .txt</p>
<p><a href="http://azhari070.files.wordpress.com/2011/04/raw-text.jpg"><img title="raw text" src="http://azhari070.files.wordpress.com/2011/04/raw-text.jpg?w=500&#038;h=585" alt="" width="500" height="585" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/93/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/93/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/93/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=93&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/04/11/melihat-raw-file-email/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/04/raw-file.jpg" medium="image">
			<media:title type="html">raw file</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/04/raw-file-2.jpg" medium="image">
			<media:title type="html">raw file 2</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/04/raw-gambar.jpg" medium="image">
			<media:title type="html">raw gambar</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/04/raw-text.jpg" medium="image">
			<media:title type="html">raw text</media:title>
		</media:content>
	</item>
		<item>
		<title>[II3062 Keamanan Informasi] Tugas Pak Budi #4</title>
		<link>http://azhari070.wordpress.com/2011/03/12/ii3062-keamanan-informasi-tugas-pak-budi-4/</link>
		<comments>http://azhari070.wordpress.com/2011/03/12/ii3062-keamanan-informasi-tugas-pak-budi-4/#comments</comments>
		<pubDate>Sat, 12 Mar 2011 01:00:18 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=75</guid>
		<description><![CDATA[Tugas #4 dari kuliah Keamanan Informasi, Anda bisa memilih salah satu dari tugas ini: Anda diminta untuk membuat aplikasi yang rentan dan bermasalah dengan out of bound array (buffer overflow). Misalnya aplikasi meminta pengguna memasukkan nama dengan panjang tertentu tetapi &#8230; <a href="http://azhari070.wordpress.com/2011/03/12/ii3062-keamanan-informasi-tugas-pak-budi-4/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=75&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Tugas #4 dari kuliah Keamanan Informasi,</p>
<p>Anda bisa memilih salah satu dari tugas ini:</p>
<ol>
<li>Anda  diminta untuk membuat aplikasi yang rentan dan bermasalah dengan out of  bound array (buffer overflow). Misalnya aplikasi meminta pengguna  memasukkan nama dengan panjang tertentu tetapi Anda memasukkannya dengan  teks diluar batas tersebut. Tunjukkan bahwa program Anda crash dan  memiliki potensi celah keamanan (misal jatuh ke root prompt)</li>
<li>Anda  membuat aplikasi yang menguju aplikasi lain untuk potensi out of bound  array tersebut. Misalnya, aplikasi Anda membuat (generate) teks yang  panjang untuk dimasukkan ke form (pada aplikasi berbasis web), atau  aplikasi Anda memberik teks yang aneh-aneh (fuzzer).</li>
</ol>
<p>Saya pilih mengerjakan nomer 1</p>
<p>#</p>
<p>Aplikasi saya buat dengan bahasa C, dan masih berjalan pada command prompt</p>
<p>Berikut spek aplikasi yang saya buat :</p>
<ul>
<li>bila username dan password sama, maka user bisa login</li>
</ul>
<p><a href="http://azhari070.files.wordpress.com/2011/03/login.jpg"><img class="alignleft size-full wp-image-78" title="login" src="http://azhari070.files.wordpress.com/2011/03/login.jpg?w=500&#038;h=249" alt="" width="500" height="249" /></a></p>
<ul>
<li>bila username yang dimasukkan melebihi alokasi array, maka akan terjadi crash pada aplikasi</li>
</ul>
<p><a href="http://azhari070.files.wordpress.com/2011/03/crash.jpg"><img class="alignleft size-full wp-image-79" title="crash" src="http://azhari070.files.wordpress.com/2011/03/crash.jpg?w=500&#038;h=350" alt="" width="500" height="350" /></a></p>
<p>Aplikasi menjadi crash karena data yang dimasukkan melebihi alokasi memory yang disediakan, sehingga terjadi <em>buffer overflow</em></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/75/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/75/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/75/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=75&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/03/12/ii3062-keamanan-informasi-tugas-pak-budi-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/03/login.jpg" medium="image">
			<media:title type="html">login</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/03/crash.jpg" medium="image">
			<media:title type="html">crash</media:title>
		</media:content>
	</item>
		<item>
		<title>[II3062 Keamanan Informasi] Tugas Pak Budi #3</title>
		<link>http://azhari070.wordpress.com/2011/03/11/ii3062-keamanan-informasi-tugas-pak-budi-3/</link>
		<comments>http://azhari070.wordpress.com/2011/03/11/ii3062-keamanan-informasi-tugas-pak-budi-3/#comments</comments>
		<pubDate>Fri, 11 Mar 2011 00:35:12 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=65</guid>
		<description><![CDATA[Tugas dari Pak Budi Raharjo kali ini adalah : Anda diminta untuk menggunakan program sniffer (seperti tcpdump, wireshark, dan sejenisnya) untuk memantau jaringan dan menunjukkan adanya port scanning. Hint: Jalankan tcpdump/wireshark di sebuah komputer (misal IP 192.168.1.7) dan monitor paket &#8230; <a href="http://azhari070.wordpress.com/2011/03/11/ii3062-keamanan-informasi-tugas-pak-budi-3/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=65&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Tugas dari Pak Budi Raharjo kali ini adalah :</p>
<p>Anda diminta untuk menggunakan program sniffer (seperti tcpdump, wireshark, dan sejenisnya) untuk memantau jaringan dan menunjukkan adanya port scanning.</p>
<p>Hint:</p>
<ol>
<li>Jalankan  tcpdump/wireshark di sebuah komputer (misal IP 192.168.1.7) dan monitor  paket yang menuju ke komputer tersebut (dst 192.168.1.7)</li>
<li>Gunakan nmap di komputer lain untuk melakukan port scanning ke 192.168.1.7</li>
<li>Simpan hasil capture dari tcpdump dan tunjukkan mana aktivitas port scanning</li>
</ol>
<p>#</p>
<p>pertama jalankan wireshark pada sebuah komputer, saya gunakan komputer dengan IPv4  167.205.67.17,</p>
<p>kemudian saya lakukan port scanning dengan menggunakan komputer lain dengan MAC OS sbb. Komputer yang saya gunakan untuk melakukan serangan port scanning memiliki IP 167.205.67.54</p>
<p>Berikut screenshoot dari tools untuk melakukan port scanning</p>
<p><a href="http://azhari070.files.wordpress.com/2011/03/portscan-mac.jpg"><img class="alignleft size-full wp-image-66" title="portscan-mac" src="http://azhari070.files.wordpress.com/2011/03/portscan-mac.jpg?w=500&#038;h=281" alt="" width="500" height="281" /></a></p>
<p>Selanjutnya kembali ke komputer yang telah dimonitor dengan wireshark. Berikut tampilan pada saat terjadi port scanning di komputer tersebut.</p>
<p><a href="http://azhari070.files.wordpress.com/2011/03/wireshark2.jpg"><img class="alignleft size-full wp-image-71" title="wireshark2" src="http://azhari070.files.wordpress.com/2011/03/wireshark2.jpg?w=500&#038;h=305" alt="" width="500" height="305" /></a></p>
<p>Terlihat dari gambar diatas adanya komunikasi yang terus menerus antara 167.205.67.17 (komputer dengan wireshark)  dengan 167.205.67.54 (komputer yang menyerang) protokol yang digunakan adalah TCP.</p>
<p>&nbsp;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/65/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=65&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/03/11/ii3062-keamanan-informasi-tugas-pak-budi-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/03/portscan-mac.jpg" medium="image">
			<media:title type="html">portscan-mac</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/03/wireshark2.jpg" medium="image">
			<media:title type="html">wireshark2</media:title>
		</media:content>
	</item>
		<item>
		<title>[II3062 Keamanan Informasi] Tugas Pak Budi #2</title>
		<link>http://azhari070.wordpress.com/2011/02/16/ii3062-keamanan-informasi-tugas-pak-budi-2/</link>
		<comments>http://azhari070.wordpress.com/2011/02/16/ii3062-keamanan-informasi-tugas-pak-budi-2/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 18:18:22 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=55</guid>
		<description><![CDATA[Setelah tugas pertama mencari no HP seorang personel SM*SH dengan social engineering, maka kali ini tugas pun beralih ke DNS. #1 Cari pemilik domain dari data whois untuk itb.ac.id dan detik.com *************************************************** Dengan menggunakan web based yaitu who.is (pada tab &#8230; <a href="http://azhari070.wordpress.com/2011/02/16/ii3062-keamanan-informasi-tugas-pak-budi-2/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=55&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Setelah tugas pertama mencari no HP seorang personel SM*SH dengan social engineering, maka kali ini tugas pun beralih ke DNS.</p>
<p><strong>#1 Cari pemilik domain dari data whois untuk itb.ac.id dan detik.com</strong></p>
<p>***************************************************</p>
<p>Dengan menggunakan web based yaitu who.is (pada tab Whois) didapatkan data sbb. untuk itb.ac.id</p>
<p>domain:  itb.ac.id<br />
org: Perguruan Tinggi<br />
desc:  Institut Teknologi Bandung<br />
admin-c:  bs38<br />
tech-c:  rinal1<br />
bill-c:  rinal1<br />
nserver: ns1.ai3.net<br />
nserver: ns1.itb.ac.id<br />
nserver: ns2.itb.ac.id<br />
nserver: ns3.itb.ac.id<br />
nserver: sns-pb.isc.org<br />
created: 1995-05-18<br />
expires: 2011-09-30<br />
last-update: 2010-11-18<br />
domain-status: Object is active<br />
source:  register.net.id # Filtered</p>
<p>nic-hdl:  bs38<br />
person:<br />
address:  Jl tamansari no 64<br />
Bandung<br />
e-mail:  <img src="http://who.is/dimages/text/5a1eded9ccf9e2a.png" alt="Email Masking Image" />@itb.ac.id<br />
org: Institut teknologi Bandung<br />
source:  register.net.id # Filtered</p>
<p>nic-hdl:  rinal1<br />
person:<br />
address:<br />
phone:<br />
e-mail:  <img src="http://who.is/dimages/text/90a37920e1a7d96.png" alt="Email Masking Image" />@ee.itb.ac.id<br />
org:<br />
source:  SAMPLE # Filtered</p>
<p>****************************************************</p>
<p>Dengan cara yang sama, lakukan untuk detik.com, didapatkan</p>
<p>Registrant:<br />
Siberkom, PT. Agranet Multicitra<br />
Aldevco Octagon Building lt 2<br />
Jl. Warung Jati Barat Raya 75<br />
Jakarta, DKI Jakarta 12740<br />
IN</p>
<p>Domain Name: DETIK.COM</p>
<p>Administrative Contact, Technical Contact:<br />
Siberkom, PT. Agranet Multicitra		<img src="http://who.is/dimages/text/4ce3bc98d9bbad5.png" alt="Email Masking Image" />@detik.com<br />
Aldevco Octagon Building lt 2<br />
Jl. Warung Jati Barat Raya 75<br />
Jakarta, DKI Jakarta 12740<br />
IN<br />
+62 21 7941177 fax: +62 21 7941176</p>
<p>Record expires on 28-May-2011.<br />
Record created on 13-May-2004.<br />
Database last updated on 16-Feb-2011 11:17:08 EST.</p>
<p>Domain servers in listed order:</p>
<p>NS.DETIK.NET.ID<br />
NS1.DETIK.NET.ID</p>
<p>*************************************************</p>
<p><strong>#2 Cari name server (NS) dari domain itb.ac.id dan domain lain tersebut</strong></p>
<p>Berikut hasil pencarian name server untuk itb.ac.id</p>
<p>nserver: ns1.ai3.net<br />
nserver: ns1.itb.ac.id<br />
nserver: ns2.itb.ac.id<br />
nserver: ns3.itb.ac.id<br />
nserver: sns-pb.isc.org</p>
<p>Berikut name server untuk detik.com</p>
<p><span style="text-decoration:underline;"><a href="http://who.is/nameserver/ns.detik.net.id/">ns.detik.net.id</a></span><br />
<span style="text-decoration:underline;"> <a href="http://who.is/nameserver/ns1.detik.net.id/">ns1.detik.net.id</a></span></p>
<p><strong>#3 Cari mx record (MX) dari domain itb.ac.id dan domain lain tersebut</strong></p>
<p>Berikut mx dari itb.ac.id</p>
<p>mx1.itb.ac.id</p>
<p>mx2.itb.ac.id</p>
<p>Berikut mx dari detik.com</p>
<p>mail3.agrakom.com</p>
<p><strong>#4 Lakukan zone transfer terhadap domain itb.ac.id dan hitung jumlah 4th level domain.</strong></p>
<p>Untuk melakukan zone transfer, kita perlu mengetahui IP address dari masing-masing name server. Caranya dengan mengetikkan perintah</p>
<p>#nslookup name_server    misalnya  #nslookup ns1.ai3.net. Berikut IP dari masing-masing name server itb.ac.id</p>
<p>nserver: ns1.ai3.net            202.249.24.33<br />
nserver: ns1.itb.ac.id          167.205.23.1<br />
nserver: ns2.itb.ac.id          167.205.22.123<br />
nserver: ns3.itb.ac.id          167.205.30.144<br />
nserver: sns-pb.isc.org      192.5.4.1</p>
<p>Setelah mendapatkan IP address dari masing-masing name server, lakukan #dig name_server itb.ac.id axfr</p>
<p>Berikut saya lakukan zone transfer terhadap ns1.itb.ac.id   #dig 167.205.23.1 didapatkan hasil sbb</p>
<p><span style="text-decoration:underline;"><a href="http://azhari070.files.wordpress.com/2011/02/screenshot-1.png"><img class="aligncenter size-full wp-image-61" title="Screenshot-1" src="http://azhari070.files.wordpress.com/2011/02/screenshot-1.png?w=500&#038;h=312" alt="" width="500" height="312" /></a></span></p>
<p>Lakukan hal yang sama untuk semua name server, akan didapatkan bahwa 4th ++ level domain itb.ac.id sebanyak</p>
<p>nserver: ns1.ai3.net<br />
nserver: ns1.itb.ac.id                      1333<br />
nserver: ns2.itb.ac.id                      1333<br />
nserver: ns3.itb.ac.id                      1333<br />
nserver: sns-pb.isc.org</p>
<p><strong>#5 Zone transfer untuk detik.com</strong></p>
<p>Untuk detik.com zone transfer tidak dapat dilakukan karena adanya proteksi dari mereka</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/55/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=55&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/02/16/ii3062-keamanan-informasi-tugas-pak-budi-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>

		<media:content url="http://who.is/dimages/text/5a1eded9ccf9e2a.png" medium="image">
			<media:title type="html">Email Masking Image</media:title>
		</media:content>

		<media:content url="http://who.is/dimages/text/90a37920e1a7d96.png" medium="image">
			<media:title type="html">Email Masking Image</media:title>
		</media:content>

		<media:content url="http://who.is/dimages/text/4ce3bc98d9bbad5.png" medium="image">
			<media:title type="html">Email Masking Image</media:title>
		</media:content>

		<media:content url="http://azhari070.files.wordpress.com/2011/02/screenshot-1.png" medium="image">
			<media:title type="html">Screenshot-1</media:title>
		</media:content>
	</item>
		<item>
		<title>mulai posting lagi !</title>
		<link>http://azhari070.wordpress.com/2011/02/16/mulai-posting-lagi/</link>
		<comments>http://azhari070.wordpress.com/2011/02/16/mulai-posting-lagi/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 17:49:37 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=53</guid>
		<description><![CDATA[&#160; saya akan mulai posting lagi, Bismillah Team Prabu Airlangga KRCI Battle 2011<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=53&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>saya akan mulai posting lagi,</p>
<p>Bismillah</p>
<p>Team Prabu Airlangga KRCI Battle 2011</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/53/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/53/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/53/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=53&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2011/02/16/mulai-posting-lagi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>
	</item>
		<item>
		<title>My Adventure Story [Chapter 1]</title>
		<link>http://azhari070.wordpress.com/2009/10/10/my-adventure-story-chapter-1/</link>
		<comments>http://azhari070.wordpress.com/2009/10/10/my-adventure-story-chapter-1/#comments</comments>
		<pubDate>Sat, 10 Oct 2009 17:39:31 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=45</guid>
		<description><![CDATA[saya mulai dari masa kecil aja. bengkulu selatan 199x. Waktu itu saya masih kelas 1 SD. Tinggal di rumah dinas belanda di tengah perkebunan karet. Rumah itu terletak lebih tinggi dari rumah-rumah lainnya, jadi semuanya terlihat jelas dari atas situ &#8230; <a href="http://azhari070.wordpress.com/2009/10/10/my-adventure-story-chapter-1/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=45&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>saya mulai dari masa kecil aja.</p>
<p>bengkulu selatan 199x.</p>
<p>Waktu itu saya masih kelas 1 SD. Tinggal di rumah dinas belanda di tengah perkebunan karet. Rumah itu terletak lebih tinggi dari rumah-rumah lainnya, jadi semuanya terlihat jelas dari atas situ -termasuk kantor ayah.</p>
<p>Dulu air bersih sangat sulit, jadi setiap rumah dijatahi air untuk diisi bak kamar mandinya oleh mobil tanki yang sudah tua. Di sana hanya ada dua mobil tanki air, yang satu sudah rusak. Jadi hanya satu yang mondar-mandir mengisi bak setiap rumah.</p>
<p>Pada  suatu malam, tiba-tiba sirine berbunyi&#8230;</p>
<p>Aku terbangun, ibuku langsung membawaku ke teras. Aku dipeluknya, dipangku dan beliau duduk. Malam yang gelap mandadak terang, semua rumah terlihat. Tapi terangnya bukan terang sembarangan -merah menyala.</p>
<p>Dari kejauhan terlihat sebuah bangunan dilalap api. Kantor ayah.</p>
<p>Mobil tanki bolak-balik lewat depan rumah untuk  mengambil air. Tapi apa daya, hanya sebuah tanki tua, tak mampu menyelamatkan sebuah kantor bertembok papan yang dilalap api. Aku hanya melihat dari kejauhan&#8230; lama&#8230; kemudian aku tertidur.</p>
<p>Paginya, kantor telah tiada. Hanya tinggal lantainya saja. Kata ayah, hanya brankas yang selamat. Benar-benar brankasnya saja, uang di dalamnya ketika dipegang langsung jadi abu. Mungkin terlihat seperti di film-film, tapi ini kenyataan.</p>
<p>Uang dipegang jadi abu, pecayakah anda? &#8230;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/45/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=45&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2009/10/10/my-adventure-story-chapter-1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS</title>
		<link>http://azhari070.wordpress.com/2008/05/02/css/</link>
		<comments>http://azhari070.wordpress.com/2008/05/02/css/#comments</comments>
		<pubDate>Fri, 02 May 2008 12:41:58 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=38</guid>
		<description><![CDATA[Background Property Deskripsi Values background Mengeset semua properti background dalam satu deklarasi background-color background-image background-repeat background-attachment background-position background-attachment Mengeset kondisi posisi background; antara dapat discroll atau tidak dapat digerakkan dalam halaman scroll fixed background-color Mengeset warna latar background suatu elemen &#8230; <a href="http://azhari070.wordpress.com/2008/05/02/css/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=38&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><strong><span style="font-size:18pt;font-family:&quot;">Background</span></strong></p>
<table class="MsoNormalTable" style="width:404.25pt;margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0" width="539">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background.asp"><span style="font-size:12pt;font-family:&quot;">background</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti background dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">background-color<br />
background-image<br />
background-repeat background-attachment background-position</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background-attachment.asp"><span style="font-size:12pt;font-family:&quot;">background-attachment</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset kondisi posisi background; antara dapat discroll atau tidak dapat digerakkan dalam halaman</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">scroll<br />
fixed</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background-color.asp"><span style="font-size:12pt;font-family:&quot;">background-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna latar background suatu elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">color-rgb<br />
color-hex<br />
color-name<br />
</span></em><span style="font-size:12pt;font-family:&quot;">transparent</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background-image.asp"><span style="font-size:12pt;font-family:&quot;">background-image</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset sebuah gambar menjadi sebuah background</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">url(<em>URL</em>)<br />
none</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background-position.asp"><span style="font-size:12pt;font-family:&quot;">background-position</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset posisi background</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">top left<br />
top center<br />
top right<br />
center left<br />
center center<br />
center right<br />
bottom left<br />
bottom center<br />
bottom right<br />
<em>x% y%</em><br />
<em>xpos ypos</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_background-repeat.asp"><span style="font-size:12pt;font-family:&quot;">background-repeat</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset apakah/bagaimana background akan diulang</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">repeat<br />
repeat-x<br />
repeat-y<br />
no-repeat</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="border"></a><strong><span style="font-size:18pt;font-family:&quot;">Border</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border.asp"><span style="font-size:12pt;font-family:&quot;">border</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk 4-border (yang tertutup) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-width<br />
border-style<br />
border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-bottom.asp"><span style="font-size:12pt;font-family:&quot;">border-bottom</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk bottom-border (yang bawah saja) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-bottom-width<br />
border-style<br />
border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-bottom_color.asp"><span style="font-size:12pt;font-family:&quot;">border-bottom-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari bottom-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-bottom_style.asp"><span style="font-size:12pt;font-family:&quot;">border-bottom-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari bottom border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-style</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-bottom_width.asp"><span style="font-size:12pt;font-family:&quot;">border-bottom-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan dari garis bottom-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-color.asp"><span style="font-size:12pt;font-family:&quot;">border-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari keseluruhan border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-left.asp"><span style="font-size:12pt;font-family:&quot;">border-left</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk left-border (yang kiri saja) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-left-width<br />
border-style<br />
border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-left_color.asp"><span style="font-size:12pt;font-family:&quot;">border-left-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari left-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-left_style.asp"><span style="font-size:12pt;font-family:&quot;">border-left-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari left-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-style</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-left_width.asp"><span style="font-size:12pt;font-family:&quot;">border-left-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan dari garis left-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-right.asp"><span style="font-size:12pt;font-family:&quot;">border-right</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk right-border (yang kanan saja) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-right-width<br />
border-style<br />
border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-right_color.asp"><span style="font-size:12pt;font-family:&quot;">border-right-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari right-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-right_style.asp"><span style="font-size:12pt;font-family:&quot;">border-right-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari right-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-style</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-right_width.asp"><span style="font-size:12pt;font-family:&quot;">border-right-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan dari garis right-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-style.asp"><span style="font-size:12pt;font-family:&quot;">border-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari keseluruhan border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
hidden<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-top.asp"><span style="font-size:12pt;font-family:&quot;">border-top</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk top-border (yang atas saja) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-top-width<br />
border-style<br />
border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-top_color.asp"><span style="font-size:12pt;font-family:&quot;">border-top-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari top-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-top_style.asp"><span style="font-size:12pt;font-family:&quot;">border-top-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari top-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">border-style</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-top_width.asp"><span style="font-size:12pt;font-family:&quot;">border-top-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan dari garis top-border</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_border-width.asp"><span style="font-size:12pt;font-family:&quot;">border-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan dari keseluruhan border; terdapat empat jenis ketebalan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="classification"></a><strong><span style="font-size:18pt;font-family:&quot;">Classification</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_clear.asp"><span style="font-size:12pt;font-family:&quot;">clear</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset sisi dari sebuah elemen dimana elemen ngambang lainnya tidak diperbolehkan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">left<br />
right<br />
both<br />
none</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_cursor.asp"><span style="font-size:12pt;font-family:&quot;">cursor</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menspesifikasi kursor yang ditampilkan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">url</span></em><span style="font-size:12pt;font-family:&quot;"><br />
auto<br />
crosshair<br />
default<br />
pointer<br />
move<br />
e-resize<br />
ne-resize<br />
nw-resize<br />
n-resize<br />
se-resize<br />
sw-resize<br />
s-resize<br />
w-resize<br />
text<br />
wait<br />
help</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_display.asp"><span style="font-size:12pt;font-family:&quot;">display</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset apakah/bagaimana suatu elemen ditampilkan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
inline<br />
block<br />
list-item<br />
run-in<br />
compact<br />
marker<br />
table<br />
inline-table<br />
table-row-group<br />
table-header-group<br />
table-footer-group<br />
table-row<br />
table-column-group<br />
table-column<br />
table-cell<br />
table-caption</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_float.asp"><span style="font-size:12pt;font-family:&quot;">float</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset dimana sebuah gambar atau teks dimunculkan pada elemen lain</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">left<br />
right<br />
none</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_position.asp"><span style="font-size:12pt;font-family:&quot;">position</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset penempatan elemen sebagai posisi yang static, relative, absolute atau fixed</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">static<br />
relative<br />
absolute<br />
fixed</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_visibility.asp"><span style="font-size:12pt;font-family:&quot;">visibility</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset apakah suatu elemen ditampilkan atau tidak</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">visible<br />
hidden<br />
collapse</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="dimension"></a><strong><span style="font-size:18pt;font-family:&quot;">Dimension</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_height.asp"><span style="font-size:12pt;font-family:&quot;">height</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset tinggi dari sebuah elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<em><br />
length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_line-height.asp"><span style="font-size:12pt;font-family:&quot;">line-height</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset jarak antar garis pada elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
<em>number<br />
length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_max-height.asp"><span style="font-size:12pt;font-family:&quot;">max-height</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset tinggi maksimal dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_max-width.asp"><span style="font-size:12pt;font-family:&quot;">max-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset lebar maksimal dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_min-height.asp"><span style="font-size:12pt;font-family:&quot;">min-height</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset tinggi minimal dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_min-width.asp"><span style="font-size:12pt;font-family:&quot;">min-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset lebar minimal dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_width.asp"><span style="font-size:12pt;font-family:&quot;">width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset lebar dari suatu elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>%<br />
length</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="font"></a><strong><span style="font-size:18pt;font-family:&quot;">Font</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font.asp"><span style="font-size:12pt;font-family:&quot;">font</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk font(huruf) dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">font-style<br />
font-variant<br />
font-weight<br />
font-size/line-height<br />
font-family<br />
</span></em><span style="font-size:12pt;font-family:&quot;">caption<br />
icon<br />
menu<br />
message-box<br />
small-caption<br />
status-bar</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-family.asp"><span style="font-size:12pt;font-family:&quot;">font-family</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Prioritas list untuk font family dan/atau generic pada suatu elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">family-name<br />
generic-family</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-size.asp"><span style="font-size:12pt;font-family:&quot;">font-size</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengset ukuran dari font</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">xx-small<br />
x-small<br />
small<br />
medium<br />
large<br />
x-large<br />
xx-large<br />
smaller<br />
larger<em><br />
length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-size-adjust.asp"><span style="font-size:12pt;font-family:&quot;">font-size-adjust</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menspesifikasi aspek nilai untuk sebuah elemen yang akan mempertahankan tinggi-x dari font pilihan pertama</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>number</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-stretch.asp"><span style="font-size:12pt;font-family:&quot;">font-stretch</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Memadatakan atau melonggarkan font-family yang digunakan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
wider<br />
narrower<br />
ultra-condensed<br />
extra-condensed<br />
condensed<br />
semi-condensed<br />
semi-expanded<br />
expanded<br />
extra-expanded<br />
ultra-expanded</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-style.asp"><span style="font-size:12pt;font-family:&quot;">font-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style dari font</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
italic<br />
oblique</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_font-variant.asp"><span style="font-size:12pt;font-family:&quot;">font-variant</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menampilkan teks dalam small-caps font atau normal font</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
small-caps</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_font_weight.asp"><span style="font-size:12pt;font-family:&quot;">font-weight</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan huruf</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
bold<br />
bolder<br />
lighter<br />
100<br />
200<br />
300<br />
400<br />
500<br />
600<br />
700<br />
800<br />
900</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="generatedcontent"></a><strong><span style="font-size:18pt;font-family:&quot;">Generated Content</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_gen_content.asp"><span style="font-size:12pt;font-family:&quot;">content</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Membuat konten dalam dokumen. Digunakan bersama pseudo-element :before dan :after</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">string</span></em><span style="font-size:12pt;font-family:&quot;"><br />
<em>url<br />
</em>counter(<em>name</em>)<br />
counter(<em>name, list-style-type</em>)<br />
counters(<em>name, string</em>)<br />
counters(<em>name, string, list-style-type</em>)<br />
attr(X)<br />
open-quote<br />
close-quote<br />
no-open-quote<br />
no-close-quote</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_gen_counter-increment.asp"><span style="font-size:12pt;font-family:&quot;">counter-increment</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset berapa banyak suatu counter menambahkan pada tiap aksi pada selektor</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>identifier number</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_gen_counter-reset.asp"><span style="font-size:12pt;font-family:&quot;">counter-reset</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset nilai yang counter set pada tiap aksi pada selektor</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>identifier number</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_gen_quotes.asp"><span style="font-size:12pt;font-family:&quot;">quotes</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset tipe dari quote</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>string string</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="list"></a><strong><span style="font-size:18pt;font-family:&quot;">List and Marker</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_list-style.asp"><span style="font-size:12pt;font-family:&quot;">list-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk sebuah list dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">list-style-type<br />
list-style-position<br />
list-style-image</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_list-style-image.asp"><span style="font-size:12pt;font-family:&quot;">list-style-image</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset gambar sebagai list-item marker</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>url</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_list-style-position.asp"><span style="font-size:12pt;font-family:&quot;">list-style-position</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset dimana list-item marker ditempatkan pada list</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">inside<br />
outside</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_list-style-type.asp"><span style="font-size:12pt;font-family:&quot;">list-style-type</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset tipe dari list-item marker</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
disc<br />
circle<br />
square<br />
decimal<br />
decimal-leading-zero<br />
lower-roman<br />
upper-roman<br />
lower-alpha<br />
upper-alpha<br />
lower-greek<br />
lower-latin<br />
upper-latin<br />
hebrew<br />
armenian<br />
georgian<br />
cjk-ideographic<br />
hiragana<br />
katakana<br />
hiragana-iroha<br />
katakana-iroha</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">marker-offset</span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;"> </span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>length</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="margin"></a><strong><span style="font-size:18pt;font-family:&quot;">Margin</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_margin.asp"><span style="font-size:12pt;font-family:&quot;">margin</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk margin dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">margin-top<br />
margin-right<br />
margin-bottom<br />
margin-left</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_margin-bottom.asp"><span style="font-size:12pt;font-family:&quot;">margin-bottom</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset batasan bawah dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_margin-left.asp"><span style="font-size:12pt;font-family:&quot;">margin-left</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset batasan kiri dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_margin-right.asp"><span style="font-size:12pt;font-family:&quot;">margin-right</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset batasan kanan dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_margin-top.asp"><span style="font-size:12pt;font-family:&quot;">margin-top</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset batasan atas dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>length<br />
%</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="outlines"></a><strong><span style="font-size:18pt;font-family:&quot;">Outlines</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:123pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="164">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:147.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="197">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:121.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="162">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:123pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="164" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_outline.asp"><span style="font-size:12pt;font-family:&quot;">outline</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:147.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="197" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk outline dalam satu deklarasi</span></p>
</td>
<td style="width:121.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="162" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">outline-color<br />
outline-style<br />
outline-width</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:123pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="164" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_outline-color.asp"><span style="font-size:12pt;font-family:&quot;">outline-color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:147.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="197" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna dari outline elemen</span></p>
</td>
<td style="width:121.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="162" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">color<br />
</span></em><span style="font-size:12pt;font-family:&quot;">invert</span></p>
</td>
</tr>
<tr>
<td style="width:123pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="164" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_outline-style.asp"><span style="font-size:12pt;font-family:&quot;">outline-style</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:147.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="197" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset style outline dari elemen</span></p>
</td>
<td style="width:121.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="162" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset</span></p>
</td>
</tr>
<tr>
<td style="width:123pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="164" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_outline-width.asp"><span style="font-size:12pt;font-family:&quot;">outline-width</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:147.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="197" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset ketebalan outline dari elemen</span></p>
</td>
<td style="width:121.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="162" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="padding"></a><strong><span style="font-size:18pt;font-family:&quot;">Padding</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_padding.asp"><span style="font-size:12pt;font-family:&quot;">padding</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset semua properti untuk padding (bloknot)<br />
dalam satu deklarasi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">padding-top<br />
padding-right<br />
padding-bottom<br />
padding-left</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_padding-bottom.asp"><span style="font-size:12pt;font-family:&quot;">padding-bottom</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset pad bagian bawah dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_padding-left.asp"><span style="font-size:12pt;font-family:&quot;">padding-left</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset pad bagian kiri dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_padding-right.asp"><span style="font-size:12pt;font-family:&quot;">padding-right</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset pad bagian kanan dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_padding-top.asp"><span style="font-size:12pt;font-family:&quot;">padding-top</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset pad bagian atas dari elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="positioning"></a><strong><span style="font-size:18pt;font-family:&quot;">Positioning</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_bottom.asp"><span style="font-size:12pt;font-family:&quot;">bottom</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">mengeset sejauh mana pojok bawah elemen di atas atau di bawah dari pojok bawah parent element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>%<br />
length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_clip.asp"><span style="font-size:12pt;font-family:&quot;">clip</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset bentuk dari elemen. Elemen diclip menjadi bentuk ini, dan ditampilkan</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">shape<br />
</span></em><span style="font-size:12pt;font-family:&quot;">auto</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_left.asp"><span style="font-size:12pt;font-family:&quot;">left</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset sejauh mana pojok kiri dari elemen di kiri/kanan tepi kiri parent element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>%<br />
length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_overflow.asp"><span style="font-size:12pt;font-family:&quot;">overflow</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset apa yang terjadi jika konten dari elemen melebihi area elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">visible<br />
hidden<br />
scroll<br />
auto</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_class_position.asp"><span style="font-size:12pt;font-family:&quot;">position</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menempatkan elemen dengan posisi static, relative, absolute, atau fixed</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">static<br />
relative<br />
absolute<br />
fixed</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_right.asp"><span style="font-size:12pt;font-family:&quot;">right</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset sejauh mana pojok kanan dari elemen di kiri/kanan dari pojok kanan parent element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>%<br />
length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_top.asp"><span style="font-size:12pt;font-family:&quot;">top</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Sets how far the top edge of an element is above/below the top edge of the parent element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>%<br />
length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_vertical-align.asp"><span style="font-size:12pt;font-family:&quot;">vertical-align</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Sets the vertical alignment of an element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">baseline<br />
sub<br />
super<br />
top<br />
text-top<br />
middle<br />
bottom<br />
text-bottom<br />
<em>length</em><br />
<em>%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pos_z-index.asp"><span style="font-size:12pt;font-family:&quot;">z-index</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Sets the stack order of an element</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
<em>number</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="table"></a><strong><span style="font-size:18pt;font-family:&quot;">Table</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_tab_border-collapse.asp"><span style="font-size:12pt;font-family:&quot;">border-collapse</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset apakah border tabel collapse pada satu border atau terpisah sesuai standar HTML</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">collapse<br />
separate</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_tab_border-spacing.asp"><span style="font-size:12pt;font-family:&quot;">border-spacing</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset jarak yang memisahkan border sel (khusus untuk model separate-border)</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length length</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_tab_caption-side.asp"><span style="font-size:12pt;font-family:&quot;">caption-side</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset posisi dari judul tabel</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">top<br />
bottom<br />
left<br />
right</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_tab_empty-cells.asp"><span style="font-size:12pt;font-family:&quot;">empty-cells</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Megeset apakah sel kosong ditampilkan pada tabel atau tidak (khusus untuk model separate-border)</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">show<br />
hide</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_tab_table-layout.asp"><span style="font-size:12pt;font-family:&quot;">table-layout</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:150pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="200" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset algoritma yang digunakan untuk menampilkan sel tabel, baris, dan kolom</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">auto<br />
fixed</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="text"></a><strong><span style="font-size:18pt;font-family:&quot;">Text</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Property</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Deskripsi</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Values</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_color.asp"><span style="font-size:12pt;font-family:&quot;">color</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset warna teks</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">color</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_direction.asp"><span style="font-size:12pt;font-family:&quot;">direction</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset arah teks</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">ltr<br />
rtl</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_dim_line-height.asp"><span style="font-size:12pt;font-family:&quot;">line-height</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset jarak antar garis</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
<em>number<br />
length<br />
%</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_letter-spacing.asp"><span style="font-size:12pt;font-family:&quot;">letter-spacing</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambah atau mengurangi jarak antar karakter</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_text-align.asp"><span style="font-size:12pt;font-family:&quot;">text-align</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengatur teks agar rata kanan, kiri, tengah, atau kanan-kiri pada elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">left<br />
right<br />
center<br />
justify</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_text-decoration.asp"><span style="font-size:12pt;font-family:&quot;">text-decoration</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambah dekorasi pada teks</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
underline<br />
overline<br />
line-through<br />
blink</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_text-indent.asp"><span style="font-size:12pt;font-family:&quot;">text-indent</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengindentasikan baris pertama teks pada elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><em><span style="font-size:12pt;font-family:&quot;">length<br />
%</span></em><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">text-shadow</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;"> </span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
<em>color</em><br />
<em>length</em></span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_text-transform.asp"><span style="font-size:12pt;font-family:&quot;">text-transform</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengontrol huruf pada elemen</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">none<br />
capitalize<br />
uppercase<br />
lowercase</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">unicode-bidi</span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;"> </span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
embed<br />
bidi-override</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_white-space.asp"><span style="font-size:12pt;font-family:&quot;">white-space</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Mengeset bagaimana ruang putih di dalam elemen ditangani</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
pre<br />
nowrap</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_text_word-spacing.asp"><span style="font-size:12pt;font-family:&quot;">word-spacing</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:149.25pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="199" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambah atau mengurangi jarak antar kata</span></p>
</td>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">normal<br />
<em>length</em></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="pseudoclasses"></a><strong><span style="font-size:18pt;font-family:&quot;">Pseudo-classes</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Pseudo-class</span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Kegunaan</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_active.asp"><span style="font-size:12pt;font-family:&quot;">:active</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan spesial style kepada elemen yang aktif</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_focus.asp"><span style="font-size:12pt;font-family:&quot;">:focus</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan spesial style kepada elemen selama elemen sedang fokus</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_hover.asp"><span style="font-size:12pt;font-family:&quot;">:hover</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan spesial style kepada elemen saat cursor berada di atas elemen tersebut</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_link.asp"><span style="font-size:12pt;font-family:&quot;">:link</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan spesial elemen kepada link yang belum kena hit</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_visited.asp"><span style="font-size:12pt;font-family:&quot;">:visited</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan spesial style kepada link yang telah dihit</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_first-child.asp"><span style="font-size:12pt;font-family:&quot;">:first-child</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambah spesial style pada elemen yang merupakan child pertama dari gabungan beberapa elemen lainnya</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_lang.asp"><span style="font-size:12pt;font-family:&quot;">:lang</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="356" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Membolehkan pemilik(author) untuk menentukan bahasa yang digunakan pada elemen tertentu</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><a name="pseudoel"></a><strong><span style="font-size:18pt;font-family:&quot;">Pseudo-elements</span></strong></p>
<table class="MsoNormalTable" style="margin:auto auto auto 1.45pt;" border="1" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Pseudo-element</span></p>
</td>
<td style="width:267.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="357" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><span style="font-size:12pt;font-family:&quot;">Kegunaan</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_first-letter.asp"><span style="font-size:12pt;font-family:&quot;">:first-letter</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="357" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambahkan style spesial pada huruf pertama sebuah teks</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_first-line.asp"><span style="font-size:12pt;font-family:&quot;">:first-line</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="357" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menambah spesial style pada baris pertama sebuah teks</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_before.asp"><span style="font-size:12pt;font-family:&quot;">:before</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="357" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menyisipkan suatu konten sebelum elemen</span></p>
</td>
</tr>
<tr>
<td style="width:124.5pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="166" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><a href="http://w3schools.com/css/pr_pseudo_after.asp"><span style="font-size:12pt;font-family:&quot;">:after</span></a><span style="font-size:12pt;font-family:&quot;"></span></p>
</td>
<td style="width:267.75pt;background-color:transparent;border:#f0f0f0;padding:0.75pt;" width="357" valign="top">
<p class="MsoNormal" style="line-height:normal;margin:0;"><span style="font-size:12pt;font-family:&quot;">Menyisipkan suatu konten setelah elemen</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:normal;margin:0 0 10pt;"><strong><span style="font-size:18pt;font-family:&quot;"> </span></strong></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/azhari070.wordpress.com/38/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/azhari070.wordpress.com/38/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/38/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=38&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2008/05/02/css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>
	</item>
		<item>
		<title>Instalasi di FreeBSD</title>
		<link>http://azhari070.wordpress.com/2008/04/25/instalasi-di-freebsd/</link>
		<comments>http://azhari070.wordpress.com/2008/04/25/instalasi-di-freebsd/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 14:13:20 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=35</guid>
		<description><![CDATA[Terdapat tiga cara installasi software pada FreeBSD. Pertama dari ports, kemudian dari package, dan yang terakhir dari source. Mari kita bahas satu-persatu. Menginstall dari ports. 0. Login-lah sebagai root 1. Masuklah ke direktori /usr/ports, caranya ketik: # cd /usr/ports 2. &#8230; <a href="http://azhari070.wordpress.com/2008/04/25/instalasi-di-freebsd/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=35&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Terdapat tiga cara installasi software pada FreeBSD. Pertama dari ports, kemudian dari package, dan yang terakhir dari source. Mari kita bahas satu-persatu.</p>
<p>Menginstall dari ports.</p>
<p>0.	Login-lah sebagai root<br />
1.	Masuklah ke direktori /usr/ports, caranya ketik:<br />
# cd /usr/ports<br />
2.	Akan terlihat banyak sekali software yang tersedia, pilihlah yang ingin anda install. Ambil sebagai contoh :     kita ingin mengistall firefox.<br />
firefox ada pada alamat /usr/ports/www/firefox.<br />
3. 	Masuklah ke direktori tersebut.<br />
# cd /usr/ports/www/firefox<br />
4.	ketik:<br />
# make install<br />
5.	Selesai, firefox siap digunakan</p>
<p>Menginstall dari package.</p>
<p>0.	Login sebagai root<br />
1.	Berbeda dari menginstall dengan ports, menginstall dengan package menggunakan perintah pkg_add<br />
2.	Masuklah ke tempat package berada, package biasanya ditandai dengan ekstensi .tbz, contohnya:     example.tbz<br />
3.	Gunakan perintah :<br />
# pkg_add example.tbz</p>
<p>Mengistall dari source.</p>
<p>0.	Login sebagai root<br />
1.	Masuklah ke direktori /usr/src, caranya ketik:<br />
# cd /usr/src<br />
2.	Masuklah ke direktori tempat source yang ingin diinstall, misalnya ingin menginstall [games contoh] yang     ada pada direktori games<br />
# cd /usr/src/games/[games contoh]<br />
3.	Ketik:<br />
# make<br />
4.	Selesai.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/azhari070.wordpress.com/35/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/azhari070.wordpress.com/35/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/35/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=35&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2008/04/25/instalasi-di-freebsd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>
	</item>
		<item>
		<title>APRS ( Automatic Position Reporting System)</title>
		<link>http://azhari070.wordpress.com/2008/04/16/aprs-automatic-position-reporting-system/</link>
		<comments>http://azhari070.wordpress.com/2008/04/16/aprs-automatic-position-reporting-system/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 12:47:01 +0000</pubDate>
		<dc:creator>Azhari Surya Adiputro</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://azhari070.wordpress.com/?p=34</guid>
		<description><![CDATA[APRS, Automatic Position Reporting System, adalah aplikasi radio paket untuk pengiriman data yang cepat dan terpercaya. Fungsi lain dari APRS adalah untuk penentuan posisi, pengiriman pesan singkat dan/atau telemetri data. Nama APRS telah terdaftar dan dimiliki oleh Bob Bruninga, WB4APR. &#8230; <a href="http://azhari070.wordpress.com/2008/04/16/aprs-automatic-position-reporting-system/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=34&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div class="entry">
<div class="snap_preview">
<p>APRS, Automatic Position Reporting System, adalah aplikasi radio paket untuk pengiriman data yang cepat dan terpercaya. Fungsi lain dari APRS adalah untuk penentuan posisi, pengiriman pesan singkat dan/atau telemetri data. Nama APRS telah terdaftar dan dimiliki oleh Bob Bruninga, WB4APR. APRS dikembangkan dan dikenalkan oleh Bob Bruninga, seorang operator radio amatir, dengan callsign WB4APR.</p>
<p>Ada sebagian mengartikan APRS sebagai Automatic Packet Reporting System, akan tetapi sesungguhnya APRS hanya mengirim informasi mengenai posisi atau lokasi, walaupun kemudian berkembang dengan tambahan informasi mengenai cuaca, dan layanan pesan singkat untuk chat. Pada dasarnya, APRS terdiri dari dua buah sistem. Pada sisi pengirim membutuhkan alat penerima sensor lokasi ( GPS ) terhubung ke encoder packet dan pemancar, kemudian pada sisi penerima membutuhkan penerima gelombang radio terhubung ke komputer.</p>
<p>Pada sistem pertama,  setelah sensor menerima informasi mengenai lokasi dan diterjemahkan ke dalam format baku dan diubah menjadi suara ( Packet, umumnya dengan audio frequency shift keying 1200hz dan 2400 hz ), dan dipancarkan menjadi beacon. Pancaran beacon tidak diarahkan hanya pada satu stasiun radio ( seperti umumnya packet radio, contohnya BBS ), tapi setiap stasiun yang dapat menerima pancarannya dapat menerima informasi yang dikirim.</p>
<p>Pada sistem kedua, setelah dapat menerima pancaran packet dan merubah menjadi data, di layar monitor akan ditampilkan gambar icon yang menunjukkan lokasi pada peta digital. Sebagai penentu lokasi, satu stasiun APRS akan mengubah data dari GPS (Global Positioning System) menjadi format radio paket (AX.25 UI Frame) yang kemudian akan dipancarkan oleh radio, dengan kecepatan 1200 bps untuk band VHF ke atas atau 300 bps untuk di band HF. Mode yang digunakan sewaktu pengiriman paket adalah unconnected mode(one-to-many), tidak seperti di Radio Paket yang pada umumnya connected mode (one-to-one).</p>
<p>Keuntungan unconnected mode adalah kita tidak perlu tahu stasiun berikutnya karena sembarang stasiun bisa menerima paket kita dan stasiun tersebut telah dikonfigurasikan sebagai relayer, akan memancar-ulang paket kita sehingga cakupan menjadi luas. Dengan jaringan stasiun APRS yang cukup luas, pergerakan satu stasiun APRS dalam kota dapat dijejaki. Keuntungan lain dari unconnected mode adalah sangat efisien, karena hanya dengan 1 paket, seluruh informasi sudah terpancar. Bandingkan dengan connected mode yang memerlukan paling sedikit 5 paket untuk mengirim informasi yang sama. Sebaliknya, kerugian dari unconnected mode adalah kalau paket data yang diterima tidak lengkap/rusak, data tidak bisa diminta ulang dan harus menunggu sampai pengirim mengirimkan paket lagi.</p>
</div>
</div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/azhari070.wordpress.com/34/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/azhari070.wordpress.com/34/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azhari070.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azhari070.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azhari070.wordpress.com/34/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azhari070.wordpress.com&amp;blog=3067271&amp;post=34&amp;subd=azhari070&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azhari070.wordpress.com/2008/04/16/aprs-automatic-position-reporting-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/322d9073556da9b341f03fefb4deceb3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Azhari</media:title>
		</media:content>
	</item>
	</channel>
</rss>
