hyphens Özelliği

hyphens özelliği, kelimelerin tire "-" işareti kullanılarak tarayıcıda taşınmasını sağlar. Rusça dil desteği için, taşıma uygulanan etikete (veya bu etiketin ebeveynine) lang="ru" niteliğini eklemek gerekir. Bu niteliği sadece html etiketine de ekleyebilirsiniz. Bu olmadan taşımalar çalışmaz.

Sözdizimi

cssseçici {
  hyphens: auto | manual | none;
}

Değerler

Değer	Açıklama
`auto`	Gereken yerlerde tire işaretlerini yerleştirir.
`manual`	Taşımaları sadece `wbr` etiketinin veya `` özel karakterinin eklendiği yerlerde ve sadece gerektiğinde ekler. Bu tür taşımalara yumuşak taşıma denir.
`none`	Taşıma eklemeyi iptal eder (yumuşak taşımalar olsa bile kelimeler taşınmaz).

Varsayılan değer: manual.

auto Değeri

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

Результат:

Ayrıca Bakınız

uzun bir kelimenin harflerini taşımanıza izin veren word-break ve overflow-wrap özellikleri
bloğun sınırlarını aşan kısımları kesen overflow özelliği