예 1
이것은 세로로 글쓰기가 설정된 DIV 요소에 있는 문장입니다. 명령어는 writing-mode:tb-rl 이며 width:300은 글의 넓이 입니다. 물론 이것은 테이블을 만들어 테이블 내에 위치 시켜도 됩니다. height는 높이를 지정하는것이며 여기서는 지정하지 않았습니다. 지정하지 않으면 기본적인 높이는 글자가 약 10개정도 나옵니다.
예 2 테이블속에 넣어 보기
|
이것은 세로로 글쓰기가 설정된 DIV 요소에 있는 문장입니다. 명령어는 writing-mode:tb-rl 이며 width:300은 글의 넓이 입니다. 물론 이것은 테이블을 만들어 테이블 내에 위치 시켜도 됩니다. height는 높이를 지정하는것이며 div의 모든 요소를 넣어도 됩니다. 다시말하면 글자의 색상이나 크기, 필터요소를 모두 style 내에 설정해주시면 됩니다. 글자의 효과에 대해서는 팁앤 태크에 자세히 나와 았습니다. |
예 3 글자에 효과를 넣어보자
|
이것은 세로로 글쓰기가 설정된 DIV 요소에 있는 문장입니다. 명령어는 writing-mode:tb-rl 이며 width:450은 글의 넓이 입니다. 물론 이것은 테이블을 만들어 테이블 내에 위치 시켜도 됩니다. height는 높이를 지정하는것이며 div의 모든 요소를 넣어도 됩니다. font-size: 는 글자의 크기 font-weight:bold 는 글의 굵기 font-family:궁서 는 글자체 line-height:200% 는 줄의 넓이 color:는 글색 filter:Shadow(Color=#227744, Direction=135)는 그림자 글자 색 입니다. 여기서 line-height 는 줄과 줄사이의 세로 넓이가 됩니다. |