CSS overflow-wrap özelliği

Tanım ve Kullanım

overflow-wrap Özellik, uzun kelimelerin konteynerden sızdığında tarayıcı tarafından satır başına ayırılıp ayırılmayacağını belirler.

Örnek

Tarayıcıya, uzun kelimelerin konteynerden sızdığında bunları satır başına ayırma izni verir:

div {
  overflow-wrap: break-word;
}

Kişisel Deneyim

CSS Dilbilgisi

overflow-wrap: normal|her yerde|break-word|initial|inherit;

Özellik Değeri

Değer Açıklama
normal Uzun kelimeler, konteynerden sızsa bile satır başına ayırılmaz. Varsayılan değer.
her yerde Uzun kelimeler, konteynerden sızarsa, bunları satır başına ayırır.
break-word Uzun kelimeler, konteynerden sızarsa, bunları satır başına ayırır.
initial Bu özelliği, varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit Bu özelliği, ebeveyn elemanından miras alır. Ayrıca bakınız: inherit.

Teknik Açıklamalar

Varsayılan Değer: normal
Miras: Evet
Animasyon Yapımı: Desteklenmiyor. Ayrıca bakınız:Animasyon İle İlgili Özellikler.
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.overflowWrap="normal"

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 6.1

12.1

İlgili sayfalarEğitim: