• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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

부모요소의 속성값 상속.

 


 

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
column CSS - column-span 속성 - 컬럼 병합 여부 지정 (= 컬럼병합 = 컬럼확장 = column-s…
column CSS - column-width 속성 - 컬럼 너비 지정 (= column-width속성 = 컬럼위드스속성…
column CSS - columns 속성 - (컬럼최소너비/컬럼개수) 일괄 지정 (= columns속성 = 컬럼즈속성)
box CSS - box-sizing 속성 ★★ - 너비결정방식 (= 길이결정방식 = box-sizing속성 = 박…
flex CSS - FlexBox (플렉스박스) 소개 ★★★ - 새로운 반응형 레이아웃 모델 ※ (가로/세로) (기본…
flex CSS - flex-direction 속성(C) ★★ - 기본축 방향 결정. (= flex-direction…
flex CSS - justify-content 속성(C) ★★★ - 기본축에서 아이템 정렬. (= justify-…
flex CSS - align-items 속성(C) ★★★ - 교차축에서 아이템 정렬. (= align-items속성… 2
flex CSS - flex-wrap 속성(C) ★ - 아이템 줄바꿈 가능 여부. (= flex-wrap속성 = 플렉…
flex CSS - align-content 속성(C) ★★ - 줄바꿈 된 경우, 교차축 기준으로 라인 정렬. (= …
flex CSS - flex-flow 속성(C) ☆ - (flex-direction / flex-wrap) 속성 일괄…
flex CSS - order 속성(I) - 아이템 순서 재조정 (= order속성 = 오더속성, IE11) ※ 플렉…
flex CSS - align-self 속성(I) ★ - 교차축 기준으로, 아이템 자체 정렬. (= align-sel…
responsive CSS - @media 구문 - 미디어쿼리 이용한 반응형 스타일 구현 (= media쿼리) ※ IE/Edge…
responsive CSS - RES Intro - (반응형 웹디자인 소개)
responsive CSS - Viewport ★ - 사용자에게 보이는 웹페이지 영역 (= 메타태그 뷰포트 ※ 반응형 필수조건 …
responsive CSS - RES Grid-View - (그리드뷰 = 화면너비분할 = 화면분할 = 수동그리드)
responsive CSS - Responsive Image - (반응형 이미지) ★★★
responsive CSS - RES Video - (반응형 동영상)
responsive CSS - RES Frameworks - (반응형 프레임워크) - 반응형홈페이지틀
11/25
목록
찾아주셔서 감사합니다. Since 2012