Line-break - CSS-trucs | CSS Almanac 2025

De CSS- line-breakeigenschap definieert hoe strikt regels moeten worden gehandhaafd voor het teruglopen van tekstomloop op nieuwe regels, met name bij het werken met symbolen en interpunctie in Chinese, Japanse of Koreaanse (CJK) schrijfsystemen. Het is opgenomen in de CSS Text Module Level 3-specificatie, die momenteel in Editor's Draft staat.

.element ( line-break: strict; )

Demo

Syntaxis

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

Eerste: auto
Geldt voor: alle elementen
Overgenomen: ja
Berekende waarde: zoals gespecificeerd
Animatietype: discreet

Waarden

/* 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 Elke browser kan verschillen op basis van zijn criteria op basis van factoren, waaronder de lengte van de lijn.
loose De specificatie noemt korte tekstregels, zoals we die in een krant zouden kunnen zien, als voorbeeld waar deze waarde zou kunnen worden gebruikt.
normal (Merk op dat er geen definitie is gegeven over wat de meest voorkomende set regels is of wat deze zou kunnen bevatten.)
strict
anywhere Het is ideaal voor talen die mogelijk geen spaties of interpunctie gebruiken om woorden te scheiden. De specificatie zegt dat CSS geen soft wrap-mogelijkheden definieert, en deze waarde herkent deze en gebruikt ze om regels voor het breken van regels toe te passen. De specificatie beschrijft het gedrag van tekstomloop zoals we doorgaans zien in een terminal.

De specificatie merkt ook op dat de anywherewaarde behouden witruimten aan het einde van een regel toestaat om door te lopen naar de volgende regel wanneer gebruikt met de white-spaceeigenschap ingesteld op break-spaces.

Waardeer gedrag in verschillende talen

Zoals je je misschien kunt voorstellen, hebben verschillende talen verschillende voorkeuren als het gaat om hoe tekst op nieuwe regels wordt opgesplitst. Er is geen gestandaardiseerde conventie die door alle talen wordt gebruikt. Dat laat het aan de browsers om de "juiste" regels voor een bepaalde taal uit te zoeken en te volgen. Maar de specificatie bevat verschillende vereisten om te bepalen of het breken van lijnen is toegestaan op de verschillende line-breakstrengheidsniveaus in bepaalde situaties. We zullen ze hier presenteren.

Situatie	`loose`	`strict`
Breekt voor Japanse kleine kana of het Katakana-Hiragana langdurige geluidssignaal, dwz karakter uit de Unicode-klasse `CJ`
Onderbrekingen voor bepaalde CJK-koppelteken-achtige tekens: 〜 U + 301C, ゠ U + 30A0	✅ als het schrijfsysteem Chinees of Japans is	Toegestaan, als het schrijfsysteem Chinees of Japans is
Onderbrekingen voor bepaalde CJK-koppelteken-achtige tekens: 〜 U + 301C, ゠ U + 30A0	✅ als het voorgaande teken tot de Unicode-klasse voor het breken van regels behoort `ID`(inclusief wanneer het voorgaande teken wordt behandeld als `ID`gevolg van`word-break: break-all)`
Onderbrekingen vóór iteratietekens: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE
Onderbrekingen tussen onafscheidelijke tekens (zoals ‥ U + 2025, ... U + 2026), dwz tekens uit de Unicode-regelafbrekende klasse `IN`
Onderbrekingen voor bepaalde gecentreerde leestekens: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F
Breaks voor achtervoegsels: Tekens met de Unicode lijn klasdoorbrekend `PO`en het pand Oost-Aziatische breedte `Ambiguous`, `Fullwidth`of `Wide`.
Breaks na voorvoegsels: Tekens met de Unicode lijn klasdoorbrekend `PR`en het pand Oost-Aziatische breedte `Ambiguous`, `Fullwidth`of `Wide`.