CSS hyphens egenskab

Definition og brug

hyphens-egenskaben definerer, om der er tilladt at bruge stregtegn til at skabe flere muligheder for automatisk linjeskift i en linje tekst.

Eksempel

Indstil forskellige stregtegn:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Prøv det selv

CSS-syntaks

hyphens: none|manual|auto|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
none Ordet har ingen streg (ingen linjeskift).
manual Standard. Ordet har kun streg ved ‐ eller ­ (hvis nødvendigt).
auto Indsæt ordafsnitstegn (hvis nødvendigt) på den position, algoritmen bestemmer.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arv denne egenskab fra forældrelementet. Se: inherit.

Tekniske detaljer

Standardværdi: manual
Arv: ja
Animationproduktion: Ikke understøttet. Se:Animationsspecifikke egenskaber.
Version: CSS3
JavaScript-syntaks: object.style.hyphens="none"

Browserunderstøttelse

Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -ms- som præfiks indikerer den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0