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

selector {
	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

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

p {
	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