hyphens 속성

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

구문

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

값

값	설명
`auto`	필요한 곳에 하이픈을 추가합니다.
`manual`	`wbr` 태그나 특수문자 ``가 추가된 위치에서만, 그리고 필요할 때만 줄바꿈을 추가합니다. 이러한 줄바꿈을 소프트 하이픈이라고 합니다.
`none`	줄바꿈을 취소합니다 (소프트 하이픈이 있어도 단어가 줄바꿈되지 않습니다).

기본값: manual.

auto 값

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

같이 보기

긴 단어의 글자를 줄바꿈할 수 있게 하는 word-break 및 overflow-wrap 속성
블록 경계를 벗어나는 부분을 자르는 overflow 속성