CSS 텍스트-정렬 속성

정의와 사용법

text-justify 속성은 text-align이 "justify"로 설정되었을 때 텍스트의 정렬 방식을 지정합니다.

이 속성은 행 텍스트를 어떻게 정렬하고 구분할지 정의합니다.

예제

단어 간 간격을 변경하여 정렬을 맞춥니다:

div
{
text-align:justify;
text-justify:inter-word;
}

직접 테스트해 보세요

CSS 문법

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

속성 값

값 설명 테스트
auto 브라우저가 정렬 알고리즘을 결정합니다. 테스트
none 정렬을 비활성화합니다. 테스트
inter-word 단어 간 간격을 늘리거나 줄입니다. 테스트
inter-ideograph 의미 단어 텍스트로 내용을 정렬합니다. 테스트
inter-cluster 내부 단어 간격을 포함하지 않는 내용(예: 아시아 언어 계통)에 대해서만 정렬합니다. 테스트
distribute 한국어와 같은 신문 표면과는 달리, 동아시아 언어 계통에서 마지막 줄이 맞춤이 되지 않습니다. 테스트
kashida 내용을 정렬하기 위해 문자를 확장하여 정렬합니다. 테스트

기술 세부 사항

기본 값: auto
thừa kế: yes
버전: CSS3
JavaScript 문법: object.style.textJustify="inter-word"

브라우저 지원

표에서는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 숫자로 표시했습니다.

Chrome IE / Edge Firefox Safari 오페라
지원* 11.0 55.0 10.0.3 지원*

* 이 기능은 "실험적 웹 플랫폼 기능 활성화" 옵션에 위치해 있습니다.("활성화"로 설정해야 합니다). Chrome에서 옵션을 변경하려면 Chrome 브라우저에서 "chrome://flags"을 입력하세요. Opera에서 옵션을 변경하려면 Opera 브라우저에서 "flags"을 입력하세요.