Fungsi text-indent (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi text-indent (Property CSS)


A. Pengenalan text-indent (Property CSS)


CSS text-indent merupakan properti yang digunakan untuk memberi jarak spasi pada baris pertama di awal paragraf.

B. Contoh Penggunaan text-indent (Property CSS)


• Penggunaan text-indent

Contoh:


<style>

.spasi {
text-indent: 70px;
}

</style>

<div class="spasi">Ini contoh kalimat.</div>


Hasil:


Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya.


C. Contoh Penerapan text-indent


• Contoh Nomor 1


<p style="text-indent; 1.5em;">Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya.</p>


Hasil:

Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya.


Keterangan:

Tanda titik merupakan koma, jadi maksudnya adalah 1,5 em.

• Contoh Nomor 2


<p style="text-indent; 20%;">Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya.</p>


Hasil:

Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya. Ini contoh kalimat dengan baris pertama meiliki jarak pada awalannya.


Tidak ada komentar:

Posting Komentar

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.