Egenskaben hyphens

Egenskaben hyphens aktiverer orddeling i browseren ved hjælp af bindestreg "-". For at understøtte det russiske sprog er det nødvendigt at tilføje attributten lang="ru" til tagget, som delingen anvendes på (eller til forælderen til dette tag). Du kan simpelthent tilføje denne attribut til html-tagget. Uden dette vil orddeling ikke fungere.

Syntaks

cssselektor {
  hyphens: auto | manual | none;
}

Værdier

Værdi	Beskrivelse
`auto`	Placerer bindestreger hvor det er nødvendigt.
`manual`	Tilføjer kun orddelinger på de steder, hvor `wbr`-tagget eller specialsymbolet `` er tilføjet og kun hvis det er nødvendigt. Sådanne orddelinger kaldes bløde.
`none`	Deaktiverer orddeling (ord vil ikke blive delt, selvom der er bløde orddelinger).

Standardværdi: manual.

Værdien auto

html<p lang="en">
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir
  nullam et ipsum ex. Donec ut iaculis massa. Duis vel ulamcor
  per dolor. Suspendisse tristique dolor risus, nec laoreet du
  aliquet maximus. Maecenas tempus congue arcu, si amet auctor
  dui efficitur in. Proin ac auctor nisi. Phasellus luctus eur
  neque sollicitudin rutrum. Curabitur ipsum justo, sodales in
  lectus non, molestie ullamcorper elit, orciro varius natoque.
</p>

cssp {
  width: 400px;
  hyphens: auto;
  border: 1px solid red;
  text-align: justify;
}

Результат:

Se også

egenskaberne word-break og overflow-wrap,
som tillader at flytte bogstaver fra et langt ord
egenskaben overflow,
som afklipper dele, der stikker ud over blokkens grænse