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}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
3.31
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.10
4.11
4.12
4.13
4.14
4.15
4.16
4.18
4.19
4.20
4.21
4.22
4.23
4.24
4.25
4.26
4.27
4.28
4.29
4.30
5.1
5.2
5.3
5.4