css writing-mode 세로쓰기

1

css writing-mode


세로쓰기
writing-mode:vertical-lr 

ValueVertical scriptHorizontal scriptMixed script
horizontal-tb我家没有电脑。Example text1994年に至っては
vertical-lr
왼쪽->오른쪽
我家没有电脑。Example text1994年に至っては
vertical-rl
오른쪽->왼쪽
我家没有电脑。Example text1994年に至っては
위 테이블 값 말고도 추가적인 설정 값이 있다.

이게 안될 경우
transform: rotate(90deg); 
를 써야하는데, text 기준이 아니라 node기준이라서 영역 전부가 90도 회전한다.

추가로 text-orientation 로 글자마다의 회전도 제어할 수 있다. 

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자 18-10-1710-17
공대여자 11-03-0303-03
tag:1 #link
공대여자 05-11-2811-28
공대여자 19-02-1902-19
공대여자 19-02-1802-18
공대여자 19-02-0102-01
공대여자 19-02-0102-01
공대여자 19-01-2901-29
tag:2 #hdd #hardware
공대여자 19-01-2901-29
공대여자 19-01-2901-29
공대여자 19-01-2201-22
공대여자 19-01-2101-21
tag:3 #ui #css #ruler
공대여자 19-01-1801-18
공대여자 19-01-1801-18
공대여자 19-01-1401-14
공대여자 19-01-1101-11
공대여자 19-01-1101-11
공대여자 19-01-1001-10