თვისება 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,
რომლის საშუალებითაც შესაძლებელია ტექსტის იძულებითი გადატანა ახალ ხაზზე