word-break Özelliği

word-break özelliği, bir kelime konteynerin genişliğine sığmıyorsa, o kelimenin harflerinin yeni bir satıra taşınmasına izin verir.

Sözdizimi

seçici {
	word-break: break-all | keep-all | normal;
}

Değer	Açıklama
`break-all`	Uzun kelimelerin, konteynere sığmıyorsa yeni bir satıra taşınmasını sağlar.
`keep-all`	Hiyerogliflerin taşınması için.
`normal`	Standart davranış: eğer uzun bir kelime konteynerin genişliğine sığmıyorsa - basitçe sınırlarının dışına taşar (ancak yeni bir satırdan başlayacaktır).

Varsayılan değer: normal.

Bu örnekte çok uzun bir kelime konteynere sığmayacak ve sınırlarının dışına taşacaktır (ancak yeni bir satırdan başlayacaktır):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	width: 200px;
	word-break: normal;
	border: 1px solid red;
}

Ve şimdi sığmayan harfler, basitçe bir sonraki satıra taşınacak:

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	width: 200px;
	word-break: break-all;
	border: 1px solid red;
}

overflow-wrap özelliği,
aynı zamanda uzun bir kelimenin harflerinin yeni bir satıra taşınmasına izin verir
hyphens özelliği,
kelimelerin hecelere göre taşınmasını etkinleştirir
overflow özelliği,
bloğun sınırlarının dışına taşan kısımları keser
wbr etiketi,
HTML araçlarıyla yumuşak taşımalar uygular
br etiketi,
metni yeni bir satıra taşımaya zorlamak için kullanılabilir