Overflow-wrap հատկություն

overflow-wrap հատկությունը թույլ է տալիս տեղափոխել երկար բառի տառերը նոր տող, եթե այդ բառը չի տեղավորվում կոնտեյների լայնության մեջ:

Շարահյուսություն

ընտրիչ {
	overflow-wrap: break-word | normal;
}

Արժեք	Նկարագրություն
`break-word`	Ստիպում է երկար բառերին տեղափոխվել նոր տող, եթե այդ բառը չի տեղավորվում կոնտեյներում: Այդ դեպքում բառը կսկսվի նոր տողից:
`normal`	Ստանդարտ վարքագիծ՝ եթե երկար բառը չի տեղավորվում կոնտեյների լայնության մեջ, այն պարզապես դուրս կգա նրա սահմաններից (այդ դեպքում այն կսկսվի նոր տողից):

Լռելյայն արժեքը՝ normal:

Այս օրինակում շատ երկար բառը չի տեղավորվի կոնտեյներում և դուրս կգա նրա սահմաններից (այդ դեպքում այն կսկսվի նոր տողից):

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

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

Իսկ այժմ այն տառերը, որոնք չէին տեղավորվում, պարզապես կտեղափոխվեն հաջորդ տող (այդ դեպքում երկար բառը այնուամենայնիվ կսկսվի նոր տողից):

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

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

word-break հատկությունը,
որը նույնպես թույլ է տալիս տեղափոխել երկար բառի տառերը նոր տող
word-wrap հատկությունը,
որը հանդիսանում է overflow-wrap հատկության հնացած անվանումը
hyphens հատկությունը,
որը միացնում է բառերի տեղափոխումը վանկերով
wbr պիտակը,
որը իրականացնում է փափուկ տեղափոխումներ HTML-ի միջոցով
br պիտակը,
որի օգնությամբ կարելի է հարկադրաբար ստիպել տեքստը տեղափոխվել նոր տող