Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 자바
- java
- TypeScript
- react-router-dom
- 변수
- webpack
- git
- 반응형 페이지
- media query
- redux
- CSS
- cleancode
- 코딩테스트
- JS
- frontend
- 코드업
- max-width
- github
- @media
- 그럼에도불구하고
- react
- node.js
- 프론트엔드
- JavaScript
- 그럼에도 불구하고
- coding
- HTML
- Servlet
- 자바문제풀이
- node
Archives
- Today
- Total
목록text-orientation (1)
그럼에도 불구하고
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oq2LV/btrWsiZgC8v/ivMWd7rA5md8ervqLvqrKK/img.png)
텍스트를 세로로 표시하는 법을 알아보자 // 세로로 왼쪽 -> 오른쪽 writing-mode: vertical-lr; // 세로로 오른쪽 -> 왼쪽 writing-mode: vertical-rl; // 영어는 추가로 작성 text-orientation: upright; writing-mode 속성을 이용해서 세로로 텍스트를 표시해 줄 수 있다. 한글을 타이핑할 때는 세로로 보이지만, 영어로 타이핑될 때는 기존 속성으로는 90 º 돌아간 모습으로 표시된다. 이를 해결하는 방법으로는 text-orientation 속성을 이용하면 된다.
HTML, CSS/HTML, CSS basics
2023. 1. 17. 18:19