word-break касиети

word-break касиети контейнердин туурасына сыйбаган учурда, узун сөздүн тамгаларын жаңы сапка которууга мүмкүндүк берет.

Синтаксис

тандоочу {
	word-break: break-all | keep-all | normal;
}

Маани	Сүрөттөө
`break-all`	Контейнерге сыйбаган учурда, узун сөздөрдү жаңы сапка которууга мажбурлайт.
`keep-all`	Иероглифтерди которуу үчүн.
`normal`	Стандарттык аракет: эгерде узун сөз контейнердин туурасына сыйбаса - ал анын чегинен чыгат (бирок жаңы саптан башталат).

Демейки мааниси: normal.

Бул мисалда абдан узун сөз контейнерге сыйбайт жана анын чегинен чыгат (бирок жаңы саптан башталат):

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

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

Эми сыйбаган тамгалар жөн эле кийинки сапка которулат:

<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 касиети,
ал дагы узун сөздүн тамгаларын жаңы сапка которууга мүмкүндүк берет
hyphens касиети,
ал сөздөрдү муундар боюнча которууну иштетет
overflow касиети,
ал блоктун чегинен чыккан бөлүктөрдү кесип таштайт
wbr теги,
ал жумшак которууларды HTML каражаттары менен ишке ашырат
br теги,
анын жардамы менен текстти жаңы сапка мажбурлап которсо болот