Text 정렬

writing-mode

writing-mode는 텍스트를 가로, 세로중 어떤 방향으로 놓을지 정하는 css property이다.

Syntax

/* keyword values */
writing-mode: horizontal-tb;
writing-mode: vertical-lr;
writing-mode: vertical-rl;

Demo

• horizontal-tb

• vertical-lr

• vertical-rl

white-space

white-space는 요소가 공백 문자를 처리하는 법을 지정하는 css property이다.

syntax

/* Keyword values */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

Demo

• white-space: normal;

• white-space: nowrap;

• white-space: pre;

• white-space: pre-wrap;

• white-space: pre-line;

text-orientation

text-orientation은 텍스트 글자들의 방향을 정하는 css property이다.

syntax

/* Keyword values */
text-orientation: mixed;
text-orientation: upright;
text-orientation: sideways-right;
text-orientation: sideways;
text-orientation: use-glyph-orientation;

Demo

• writing-mode: vertical-rl; text-orientation: mixed;

• writing-mode: vertical-rl; text-orientation: upright;