Как работает свойство hyphenation-limit-zone в CSS?

Свойство hyphenation-limit-zone в CSS определяет максимальное количество незаполненного пространства (так называемой «зоны переноса») в конце строки, которое может быть оставлено до запуска переноса. rubicono.com webplatform.github.io

Если новое слово начинается в этом пространстве, перенос не происходит. dev.mo4tech.com Чем больше зона переноса, тем меньше переносов. dev.mo4tech.com

Свойство принимает значение длины или процента (в зависимости от ширины текстового блока). dev.mo4tech.com В контексте адаптивного дизайна имеет смысл устанавливать процентное значение: на маленьких экранах зона переноса будет меньше, в результате чего переносов будет больше, а на широком экране — шире, поэтому переносов будет меньше. dev.mo4tech.com

Пример использования: p { hyphens: auto; hyphenate-limit-zone: 8em; } — устанавливает максимальную зону переноса в конце строки 8em для элементов <p>. rubicono.com