[text] CSS - text-justify 속성 - 텍스트 좌우균분정렬 세부설정 (= text-justify속성 = 텍스트저스터파이속성)

목차

1. text-justify 예제 - 텍스트 좌우균분정렬 세부설정
2. text-justify 정의
3. text-justify 구문

text-justify 예제 - 텍스트 좌우균분정렬 세부설정

 

<style>

div {

  text-align: justify;

  text-justify: inter-word;

}

</style>

<div>홈짱닷컴 Homzzang.com - 홈페이지 제작관리 강의・코딩언어 강의 HTML CSS JS JQUERY PHP SQL BOOTSTRAP 그누보드 영카트 배추빌더 아미나 나리야 서버관리 서버세팅</div>

결과보기

text-justify 정의

 

text-align:justify 설정된 경우, 텍스트 정렬방법 상세 설정.

 

---

 

1.

기본값: auto

상속여부: O

애니효과: X

CSS버전: CSS3

JS구문: object.style.textJustify="inter-word"

 

2.

파어어폭스 최신 브라우저만 지원.

text-justify 구문

 

selector {text-justify: auto|inter-word|inter-character|none|initial|inherit;}

 

---

[속성값]

auto

브라우저가 자동 결정.

inter-word

단어 간격을 늘리거나 줄임.

inter-character

문자 간 간격을 늘리거나 줄임.

none

비활성화.

initial

이 속성의 기본값으로 설정.

 

inherit

부모요소의 속성값 상속.