CSS3 word-wrap

word-wrap :

Çerçeveye sığmayan yazıları kesip alt satıra atmak için kullanılır.

Örnek

p {
  width: 300px;
  border :1px solid red;
  word-wrap: break-word;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
normal Hiç bir değişiklik yapmadan normal bir şekilde kullanımı sağlar.
break-word Break word ise normal kullanımın tam aksine divimizin sınırlarından dışarıya çıkmasını engeller.
İnital
İnherit

Tarayıcı Desteği

4.0 3.5 5.5 3.1 10.5

CSS word-spacing

word-spacing :

Kelimeler arasındaki boşluk değerini belirlemek için kullanılır.

Not: Negatif değer alabilmektedir.

Örnek

p {
  word-spacing: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
normal Sözcükler arasındaki boşluğu normal olarak ayarlar.
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 6.0 1.0 3.5