CSS hyphens 속성

정의와 사용법

hyphens 속성은 단어에 단어 연결 기호를 사용하여 한 줄 텍스트에서 더 많은 자동 줄 바꿈 기회를 생성할 수 있는지 정의합니다.

예제

다른 단어 연결 기호를 설정합니다:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

개인적으로 시도해 보세요

CSS 문법

hyphens: none|manual|auto|initial|thừa kế;

속성 값

값 설명
none 단어에 단어 연결 기호가 없음(다음 줄로 넘어감 없음).
手动 기본. 단어는 ‐ 또는 ­에 단어 연결 기호가 있을 때만 단어 연결 기호가 있습니다. 필요하다면.
자동 단어 연결 기호를 알고리즘에서 결정한 위치에 삽입합니다. 필요하다면.
기본 이 속성을 기본 값으로 설정합니다. 참조: 기본.
thừa kế 부모 요소에서 이 속성을 thừa kế합니다. 참조: thừa kế.

기술 세부 사항

기본 값: 手动
thừa kế: 네
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성.
버전: CSS3
JavaScript 문법: object.style.hyphens="none"

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

prefix를 사용하는 첫 번째 버전의 숫자는 -webkit- 또는 -ms-를 포함합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0