Word-break häsiýeti

word-break häsiýeti, söz konteýneriň inişine sığmaýan bolsa, onuň harplaryny täze setire geçirmäge mümkinçilik berýär.

Sintaksis

selektor {
	word-break: break-all | keep-all | normal;
}

Görnüşi	Düşündiriş
`break-all`	Söz konteýneriň inişine sığmaýan bolsa, uzyn sözleriň täze setire geçmegine sebäp bolýar.
`keep-all`	Ýeroglifleri geçirmek üçin.
`normal`	Standart özboluşlyk: eger uzyn söz konteýneriň inişine sığmaýan bolsa - ol diňe onuň çäginden daşary çykar (şol bir wagtda täze setirden başlar).

Deslapky görnüşi: normal.

Bu mysalda örän uzyn söz konteýneriň içine sığmaz we onuň çäginden daşary çykar (şol bir wagtda täze setirden başlar):

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

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

Indi bolsa, sığmaýan harplar, diňe indiki setire geçiriler:

<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 häsiýeti,
şeýle hem uzyn söziň harplaryny täze setire geçirmäge mümkinçilik berýär
hyphens häsiýeti,
sözleri bogunlara görä geçirmäge açýar
overflow häsiýeti,
blokunyň çäginden daşary çykyan bölekleri kesip aýýar
wbr teg,
HTML serişdeleriniň kömegi bilen ýumşak geçirmeleri amala aşyrýar
br teg,
onuň kömegi bilen tekstleriň täze setire geçmegine mejbur etmek mümkin