Hyphens xususiyati

hyphens xususiyati brauzerda so‘zlarni chiziqcha "-" yordamida ko‘chirishni yoqadi. Rus tilini qo‘llab-quvvatlash uchun lang="ru" atributini ko‘chirish qo‘llaniladigan tegga (yoki uning ota-ona elementiga) qo‘shish kerak. Siz bu atributni oddiygina html tegga qo‘shishingiz mumkin. Bunisiz ko‘chirish ishlamaydi.

Sintaksis

cssselector {
  hyphens: auto | manual | none;
}

Qiymatlar

Qiymat	Ta'rif
`auto`	Kerakli joylada chiziqchalarni qo‘yadi.
`manual`	Faqat `wbr` tegi yoki maxsus belgi `` qo‘yilgan joylarda va faqat zarurat bo‘lganda chiziqchalarni qo‘shadi. Bunday ko‘chirishlar yumshoq deb ataladi.
`none`	Chiziqchalarni qo‘yishni bekor qiladi (so‘zlar yumshoq ko‘chirishlar mavjud bo‘lsa ham ko‘chirilmaydi).

Standart qiymat: manual.

Auto qiymati

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

Результат:

Shuningdek qarang

word-break va overflow-wrap xususiyatlari,
uzun so‘z harflarini ko‘chirishga imkon beradi
overflow xususiyati,
blok chegarasidan chiqib ketayotgan qismlarni kesib tashlaydi