Jarak Kata Teks CSS

Indent teks

text-indent Properti ini digunakan untuk menentukan indent pertama baris teks.

Contoh

p {
  text-indent: 50px;
}

Coba Sendiri

Jarak antar huruf

letter-spacing Properti ini digunakan untuk menentukan jarak antar karakter dalam teks.

Contoh berikut menunjukkan bagaimana menambahkan atau mengurangi jarak antar karakter:

Contoh

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Coba Sendiri

Tinggi Baris

line-height Atribut digunakan untuk menentukan jarak antar baris:

Contoh

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Coba Sendiri

Jarak Kata

word-spacing Atribut digunakan untuk menentukan jarak antar kata dalam teks.

Contoh berikut menunjukkan bagaimana untuk menambah atau mengurangi jarak antar kata:

Contoh

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Coba Sendiri

Ruang Kosong

white-space Atribut menentukan cara pengelolaan ruang kosong internal elemen.

Contoh ini menunjukkan bagaimana untuk menonaktifkan garis balik teks di dalam elemen:

Contoh

p {
  white-space: nowrap;
}

Coba Sendiri