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 թեգը,
որի օգնությամբ կարելի է հարկադրաբար ստիպել տեքստը տեղափոխվել նոր տող