코드랩 레퍼런스
text-justify 본문
text-justify 속성은 텍스트의 간격을 정의합니다.
Summary
| 특징 | 설명 |
|---|---|
| 기본 값 | auto |
| 상속 | 안됨 |
| 애니메이션 | 가능 |
| 버전 | CSS3 |
Definition
- text-justify 속성은 텍스트의 간격을 정의합니다.
- text-align : justify; 경우에 텍스트의 간격을 조절하는 속성이지만 현재는 거의 모든 브라우저에서 지원되지 않습니다.
Syntax
text-justify : auto | inter-word | inter-ideograph | inter-cluster | distribute | kashida | trim | inherit;
Property
| 속성 값 | 설명 |
|---|---|
| auto | 텍스트의 정렬 상태를 자동으로 설정합니다. |
| inter-word | 텍스트의 정렬을 단어를 기준으로 설정합니다. |
| inter-ideograph | 텍스트의 정렬을 컨텐츠를 기준으로 설정합니다. |
| inter-cluster | 텍스트의 졍렬을 단어의 간격을 기준으로 설정합니다. |
| distribute | 텍스트의 정렬 간격을 기준으로 설정합니다. |
| kashida | 텍스트의 정렬 간격을 기준으로 설정합니다. |
| trim | 텍스트를 자르고 정렬을 설정합니다. |
| inherit | text-justify의 속성 값을 상위요소한테 상속받습니다. |
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| text-justify |
Sample
"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”
그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.
그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.
Ad
Comments