CSS Metin Aralığı

Metin girintisi

text-indent Özellik, metnin ilk satırının girintisini belirler:

Örnek

p {
  text-indent: 50px;
}

Kişisel Deneyim

Harf aralığı

letter-spacing Özellik, metin içindeki karakter aralarını belirlemek için kullanılır.

Aşağıdaki örnek, karakter aralarını nasıl artıracağınızı veya azaltacağınızı gösterir:

Örnek

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

Kişisel Deneyim

Satır yüksekliği

line-height Özellik, satır arası mesafeyi belirtir:

Örnek

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

Kişisel Deneyim

Karakter arası mesafe

word-spacing Özellik, metin içindeki kelimeler arasındaki mesafeyi belirler.

Aşağıdaki örnek, kelime arasındaki mesafeyi nasıl artırabilir veya azaltabilirsiniz gösterir:

Örnek

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

Kişisel Deneyim

Boşluk

white-space Özellik, element içeriğinde boş alanın işlenme yöntemini belirtir.

Bu örnek, element içindeki metnin satır değişimini nasıl devre dışı bıraktığını gösterir:

Örnek

p {
  white-space: nowrap;
}

Kişisel Deneyim