CSS hyphenate-character 속성

정의와 사용법

hyphenate-character 속성은 줄 바꿈 문자 전에 사용할 하이픈 분리 문자를 정의합니다。

예제

설정 hyphenate-character：

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">매우 매우 매우 긴 단어.</div>
<div class="b">매우 매우 매우 긴 단어.</div>
</body>

직접 시도해 보세요

CSS 문법

hyphenate-character: auto|string|initial|inherit;

속성 값

값 설명
auto 기본 값. 브라우저는 현재의 정렬 관례에 따라 적절한 문자를 선택합니다。
string 줄 바꿈 문자 전에 사용할 하이픈 분리 문자를 지정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조 inherit。

기술 세부 사항

기본 값: auto
thừa kế성: yes
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성。
버전: CSS4
자바스크립트 문법: object.style.hyphenateCharacter="/"

브라우저 지원

표格에 표시된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

크롬 에지 파이어폭스 사파리 오페라
106.0 106.0 98.0 17.0 92.0