Css tutorial-14

2
CSS Tutorial rosihanari.net Membuat Text Indent 34 Membuat Text Indent Pada bagian awal paragraf biasanya terdapat text indent atau teks yang agak menjorok ke dalam paragraf dalam jarak tertentu. Berikut ini adalah properti yang digunakan untuk mengaturnya: text-indent : jarak; 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 { text-indent : 40px; } </style> </head> <body> <h1>Ini Judul Heading</h1> <p>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>

Transcript of Css tutorial-14

Page 1: Css tutorial-14

CSS Tutorial rosihanari.net

Membuat Text Indent 34

Membuat Text Indent Pada bagian awal paragraf biasanya terdapat text indent atau teks yang agak menjorok ke dalam paragraf dalam jarak tertentu. Berikut ini adalah properti yang digunakan untuk mengaturnya: text-indent : jarak; 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 { text-indent : 40px; } </style> </head> <body> <h1>Ini Judul Heading</h1> <p>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>

Page 2: Css tutorial-14

CSS Tutorial rosihanari.net

Membuat Text Indent 35

Dalam contoh di atas, awal paragraf dibuat text indent berjarak 40 pixel.