Penggunaan
Normalnya paragraf yang diketik di halaman web selalu rata kiri setiap kalimatnya. Namun, jika menginginkan gaya penulisan karya ilmiah seperti skripsi atau makalah, setiap awal kalimat pada setiap paragraf menggunakan indentasi. Jika mengetik di Microsoft Word maka gunakan tombol Tab, di Css gunakan properti text-indent.
Penulisan sintak text-indent
text-indent: value
- value diganti dengan nilai indent.
Value
Ada 3 nilai yang bisa Anda atur untuk lebar indent, dengan menggunakan satuan piksel, millimeter, dan persen. Contohya: 30px, 2mm, 10%. Hanya satu nilai untuk satu class css.
Contoh: textindent.html
<!DOCTYPE HTML>
<html>
<head>
<title>Properti text-indent Css</title>
<style type="text/css">
p{text-align: justify;}
p.indentpx{text-indent: 30px;}
p.indentmm{text-indent: 2mm;}
p.indentpers{text-indent: 10%;}
</style>
</head>
<body>
<p>Ini paragraf tanpa indent. Kalimat ditampilkan rata kiri.
Tag p yang digunakan dalam paragraf ini tanpa diatur dengan css,
mengindikasikan paragraf ditampilkan apa adanya.</p>
<p class="indentpx">Paragraf ini menggunakan indent 20 piksel.
p.indentpx artinya memanggil class indentpx pada tag p yang telah
dideklarasikan pada css (style type...).</p>
<p class="indentmm">Paragraf ini menggunakan indent 2 millimeter.
p.indentmm artinya memanggil class indentmm pada tag p yang telah
dideklarasikan pada css (style type...).</p>
<p class="indentpers">Paragraf ini menggunakan indent 10 persen.
p.indentpers artinya memanggil class indentpers pada tag p yang telah
dideklarasikan pada css (style type...).</p>
</body>
</html>
Tampilan di browser:
Referensi tulisan:
- text-indent; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 28 April 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
