CSS hyphens ominaisuus

Määrittely ja käyttö

hyphens-ominaisuus määrittää, sallitaanko yhdistäinten käyttö yhdellä rivillä luodakseen useampia automaattisia rivinvaihtoja.

Esimerkki

Aseta erilaiset yhdistäimet:

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;
}

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
none Sanat eivät sisällä yhdistäimiä (ei rivinvaihtoa).
manuaalinen Oletus. Sanat sisältävät yhdistäimet vain ‐ tai ­ -paikoissa (tarvittaessa).
auto Lisää sanayhdistäimet algoritmisesti määritettyyn sijaintiin (tarvittaessa).
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: manuaalinen
Perintä: kyllä
Animaation tekeminen: Ei tuettu. Katso:Animaatiot.
Versio: CSS3
JavaScript-kieli: object.style.hyphens="none"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit- tai -ms-, viittaavat ensimmäiseen versioon, jossa etuliite käytetään.

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