Hyphens xassəsi

hyphens xassəsi brauzerdə sözlərin defis "-" işarəsi ilə köçürülməsini aktivləşdirir. Rus dili üçün dəstək təmin etmək üçün, köçürmələrin tətbiq olunduğu teqə (və ya bu tegin valideyninə) lang="ru" atributunu əlavə etmək lazımdır. Bunu sadəcə html teqinə əlavə etmək olar. Bunsuz köçürmələr işləməyəcək.

Sintaksis

cssselektor {
  hyphens: auto | manual | none;
}

Dəyərlər

Dəyər	Açıqlama
`auto`	Zəruri olan yerlərdə defis işarələrini yerləşdirir.
`manual`	Köçürmələri yalnız `wbr` teqinin və ya `` xüsusi simvolunun əlavə olunduğu yerlərdə və yalnız zərurət olduqda əlavə edir. Belə köçürmələrə yumşaq deyilir.
`none`	Köçürmələrin yerləşdirilməsini ləğv edir (yumşaq köçürmələr olsa belə, sözlər köçürülməyəcək).

Standart dəyər: manual.

Auto dəyəri

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

Результат:

Həmçinin bax

word-break və overflow-wrap xassələri,
uzun sözün hərflərinin köçürülməsinə imkan verir
overflow xassəsi,
blokun sərhəddindən kənara çıxan hissələri kəsir