Property text-indent menentukan jumlah ruang horizontal yang harus dimiliki oleh baris teks pertama di dalam wadah level blok.
Jumlah ruang ditentukan sehubungan dengan tepi kiri (atau tepi kanan di tata letak kanan-ke-kiri) elemen blok yang berisi teks. Arah teks ditentukan oleh properti arah.
Nilai lekukan yang ditentukan dapat berupa positif atau negatif. Untuk nilai negatif, mungkin ada batas implementasi khusus.
Karena property text-indent, ketika ditentukan pada elemen blok, itu akan mempengaruhi descendant inline-block elements. Untuk alasan ini, sering kali bijaksana untuk menentukan text-indent: 0 pada elemen yang display: inline-block.
Banyak orang menemukan paragraf indentasi lebih mudah dibaca daripada baris kosong antara paragraf, terutama untuk teks panjang, dan juga memungkinkan untuk memesan baris kosong untuk jeda yang lebih penting.
Hanya paragraf yang mengikuti paragraf lain yang biasanya indentasi. Paragraf pertama dari sebuah halaman tidak perlu diindentasi, dan paragraf yang mengikuti diagram, heading atau yang lainnya tidak termasuk dalam teks. Aturan sebenarnya sangat sederhana:
|
1 2 3 4 5 6 7 8 9 |
p { margin-bottom: 0; } /* Selektor sejenis yang berdekatan digunakan untuk memilih semua paragraf langsung setelah paragraf */ p + p { text-indent: 1.5em; margin-top: 0; } |
Property text-indent juga digunakan dalam teknik penggantian gambar untuk menyembunyikan teks (kebanyakan judul) dan menunjukkan representasi grafis dari teks tersebut di tempatnya. Anda dapat membaca lebih lanjut tentang teknik penggantian gambar di artikel Sembilan Teknik untuk Penggantian Gambar CSS pada Trik-CSS.
Official Syntax:
|
1 |
text-indent: <length> | <percentage> | inherit |
Values:
<length>: Teks diindentasi oleh nilai tetap yang ditentukan sebagai <panjang].
<percentage>: Teks diindentasi dengan jumlah yang merupakan persentase dari lebar blok yang mengandung.
hanging: Nilai ini membalikkan baris yang indentasi: semua baris kecuali baris pertama yang indentasi, sehingga sepertinya baris pertama mendapat nilai indentasi negatif. Ini adalah “bendera” yang digunakan di samping nilai panjang.
each-line: Lekukan mempengaruhi baris pertama dari wadah blok serta setiap baris setelah jeda baris paksa (menggunakan <br/>), tetapi tidak mempengaruhi garis setelah jeda bungkus lunak. Ini juga merupakan bendera yang digunakan di samping nilai panjang.
Catatan:
Indentasi gantung adalah tempat baris pertama paragraf menjorok ke kiri sementara sisanya paragraf indentasi rapi.
Bibliografi biasanya ditulis menggunakan indentasi gantung, di mana baris pertama meluas ke margin kiri, tetapi sisa entri indentasi. Baru-baru ini hal semacam ini juga disebut “outdent”. Contoh indentasi gantung dapat dilihat pada gambar berikut:
