Embed Size (px)
Citation preview
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 rosihanari.net
Mengatur Jarak Baris Dalam Paragraf 27
![Tutorial] Osnove HTML-A i Css-A](https://img.pdfslide.tips/doc/110x75/5572009c49795991699fbda8/tutorial-osnove-html-a-i-css-a.jpg)
![[Tutorial] Osnove HTML-A i Css-A](https://img.pdfslide.tips/doc/110x75/55cf9900550346d0339af434/tutorial-osnove-html-a-i-css-a-562652c6665bb.jpg)
