Subscribe
for our all latest news and updates



Home » , » Mempelajari Selector Pada Pemrograman CSS - Part 9

Mempelajari Selector Pada Pemrograman CSS - Part 9


Halo sobat lautan, semoga sehat selalu.
Kali ini lautan akan bagi-bagi materi pembelajaran koding website, bahasa CSS. Bagi anda pembaca sejati, pasti telah tau nih, bahwa materi CSS kita telah sampai pada teori CSS typography. Kita telah membahas 4 dari 21 topik yang ada pada CSS typography. Untuk mengulang, anda bisa klik link dibawah ini.


Topik kelima yang akan dipelajari adalah property font-style. Mari kita kupas bersama ya.

Property ini hanya punya satu fungsi, yakni memiringkan teks. Nilai yang bisa diinput adalah salah satu dari normal, italic, dan oblique. Tampilan dari nilai input italic dan oblique, akan sama, namun sebenarnya dua hal ini berbeda. Font italic, akan memiringkan teks dan punya tampilan file font sendiri, yang berbeda dari font normal. Para ahli mengatakan, bahwa nilai input italic, akan menampilkan font mirip tulisan tangan.

Lalu, oblique, hanya memiringkan font normal beberapa derajat, dan tampilannya tidak se-wow tampilan italic. Kelebihan italic, adalah mudah dimengerti atau banyak digunakan oleh web browser kontemporer.

Berikut adalah contoh penggunaan property font-style 

<html>
<head>
<title>Lautan-IT.com</title>
<style>
p { font-family: Garamond; }
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.normal { font-style: normal; }
</sytle>
</head>
<body>
<p> Paragraf normal </p>
<p class="italic"> Paragraf dengan font-style:italic </p>
<p class="oblique"> Paragraf dengan font-style:oblique </p>
<p><i> Paragraf tampil miring dengan tag i </i></p>
<p><i class="normal"> Paragraf sebenarnya tampil miring, tapi dinormalkan </i></p>
</body>
</html>

Cobalah skrip diatas, lalu anda pasti akan mengerti perbedaan besarnya. Pada artikel selanjutnya kita akan mempelajari property text-decoration, so, tetaplah sinau.

Thanks for reading & sharing LAUTAN-IT

Previous
« Prev Post

0 Comments:

Post a Comment

Ngiklan? Sini Aja

Ngiklan? Sini Aja
Hubungi Kontak Kami