Прекид линије - ЦСС-трикови

line-breakСвојство ЦСС дефинише колико стриктно треба спроводити правила за умотавање премотавања текста у нове редове, посебно када се раде са симболима и интерпункцијама у кинеским, јапанским или корејским системима писања. Укључен је у спецификацију ЦСС Текстуални модул нивоа 3, која је тренутно у Едитор'с Драфт.

.element ( line-break: strict; )

Демо

Синтакса

line-break: auto | loose | normal | strict | anywhere;

Иницијал: auto
Односи се на: све елементе
Наследио: да
Израчуната вредност: како је наведено
Тип анимације: дискретна

Вредности

/* Keyword values */ line-break: auto; line-break: loose; line-break: normal; line-break: strict; line-break: anywhere; /* Global values */ line-break: inherit; line-break: initial; line-break: unset;

auto: Ово омогућава прегледачу да одлучи како ће применити преломе редова. Сваки прегледач се може разликовати у односу на своје критеријуме на основу фактора, укључујући дужину линије.
loose: Ово је најлакше спровођење правила о прекиду линија. Спецификација наводи кратке редове текста, попут оних које бисмо могли видети у новинама, као пример где се ова вредност може користити.
normal: Ово прекида редове текста на основу „најчешћег“ скупа правила. (Имајте на уму да не постоји дефиниција о томе који је најчешћи скуп правила или шта он може садржати.)
strict: Ово спроводи најстрожи скуп правила за преломе линија.
anywhere: Ова вредност омогућава могућности меког умотавања, које омогућавају разбијање текста на размаке или интерпункцију уместо саме границе речи. Идеално је за језике који можда не користе размаке или интерпункцију за одвајање речи. Спецификација каже да ЦСС не дефинише могућности меког премотавања и ова вредност их препознаје и користи за примену правила прелома линија. Спецификација описује понашање умотавања текста попут оног што обично видимо у терминалу.

Спецификација такође напомиње да anywhereвредност омогућава да се сачувани размаци на крају реда премотају у следећи ред када се користе са white-spaceсвојством постављеним на break-spaces.

Вредносно понашање на различитим језицима

Као што можете претпоставити, различити језици имају различите преференције када је реч о томе како се текст разбија на нове редове. Не постоји стандардизована конвенција коју користе сви језици. То оставља прегледачима да схвате и поштују „исправна“ правила за одређени језик. Међутим, спецификација наводи неколико захтева за одређивање да ли је прекидање линија дозвољено на различитим нивоима line-breakстрогости у одређеним ситуацијама. Ми ћемо их представити овде.

Ситуација	`normal`	`loose`	`strict`
Преломи пре јапанског малог кана или продуженог звучног знака Катакана-Хирагана, односно лика из класе прекида Уницоде линије `CJ`	❌	✅	✅
Прекиди се пре неких ЦЈК цртица попут ликова: 〜 У + 301Ц, ゠ У + 30А0	❌	✅ ако је систем писања кинески или јапански	Дозвољено ако је систем писања кинески или јапански
Прекиди се пре неких ЦЈК цртица попут ликова: 〜 У + 301Ц, ゠ У + 30А0	❌	✅ ако претходни знак припада класи Уницоде прекида линије `ID`(укључујући и када се претходни знак третира као `ID`због`word-break: break-all)`	❌
Прекиди пре итерацијских ознака: 々 У + 3005, 〻 У + 303Б, ゝ У + 309Д, ゝ У + 309Е, ヽ У + 30ФД, ヽ У + 30ФЕ	❌	✅	❌
Прекиди између нераздвојних знакова (као што су ‥ У + 2025, ... У + 2026), тј. Знакова из класе прелома Уницоде линије `IN`	❌	✅	❌
Преломи пре одређених центрираних интерпункцијских знакова: ・ У + 30ФБ, ： У + ФФ1А, ； У + ФФ1Б, ･ У + ФФ65,‼ У + 203Ц,⁇ У + 2047,⁈ У + 2048,⁉ У + 2049,！ У + ФФ01,？ У + ФФ1Ф	❌	✅	❌
Бреакс пре наставака: Ликови са Уницоде линија пуцања класе `PO`и имовине у источноазијски ширину `Ambiguous`, `Fullwidth`или `Wide`.	❌	✅	❌
Бреакс после префикса: Ликови са Уницоде линија пуцања класе `PR`и имовине у источноазијски ширину `Ambiguous`, `Fullwidth`или `Wide`.	❌	✅	❌