hyphens 속성

hyphens 속성은 하이픈(-)을 사용하여 브라우저에서 단어 줄바꿈을 활성화합니다. 러시아어를 지원하려면 줄바꿈이 적용되는 태그 (또는 해당 태그의 부모 태그)에 lang="ru" 속성을 추가해야 합니다. 간단하게 html 태그에 이 속성을 추가할 수 있습니다. 이것 없이는 줄바꿈이 작동하지 않습니다.

구문

css선택자 {
  hyphens: auto | manual | none;
}

값

기본값: manual.

auto 값

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

Результат:

같이 보기