1. CSS Tutorial rosihanari.net
Mengatur Jarak Baris Dalam Paragraf
Anda dapat mengatur jarak baris teks dalam suatu paragraf dengan menggunakan CSS.
Berikut ini adalah nama properti nya
line-height : size;
dengan size diisi angka yang menyatakan ukuran disertai satuannya.
Contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Guide</title>
<style type="text/css">
p.styled {
line-height: 30px;
}
</style>
</head>
<body>
<p class="styled">Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. </p>
<p>Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2.
Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2.
Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2.
Ini adalah paragraf 2. Ini adalah paragraf 2. </p>
</body>
</html>
Paragraf pertama diberikan style untuk mengatur jarak antar baris sebesar 30 pixel,
sedangkan paragraf kedua memiliki jarak baris default. Perhatikan perbedaannya pada
tampilan berikut ini
Mengatur Jarak Baris Dalam Paragraf 26
2. CSS Tutorial rosihanari.net
Mengatur Jarak Baris Dalam Paragraf 27