2
CSS Tutorial rosihanari.net Mengatur Jarak Baris Dalam Paragraf 26 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

Css tutorial-10

Embed Size (px)

Citation preview

Page 1: Css tutorial-10

CSS Tutorial rosihanari.net

Mengatur Jarak Baris Dalam Paragraf 26

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

Page 2: Css tutorial-10

CSS Tutorial rosihanari.net

Mengatur Jarak Baris Dalam Paragraf 27