Jarak Teks CSS

文字缩进

text-indent 属性用于指定文本第一行的缩进：

Contoh

p {
  text-indent: 50px;
}

Cuba Sendiri

字母间距

letter-spacing 属性用于指定文本中字符之间的间距。

以下示例展示如何增加或减少字符之间的间距：

Contoh

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

Cuba Sendiri

Ketinggian Baris

line-height Atur jarak antara baris.

Contoh

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

Cuba Sendiri

Jarak Kata

word-spacing Atur jarak antara kata-kata dalam teks.

Contoh berikut memperlihatkan bagaimana untuk menambah atau mengurangkan jarak antara kata-kata:

Contoh

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

Cuba Sendiri

Ruang Kosong

white-space Atur cara pengendalian ruang kosong dalam dalam elemen.

Contoh ini memperlihatkan bagaimana untuk melumpuhkan penukaran baris teks di dalam elemen:

Contoh

p {
  white-space: nowrap;
}

Cuba Sendiri