read : css writing-mode 세로쓰기 : 기술 #css #writing-mode #수직 #90deg #90도 #세로 #세로쓰기::공대여자홈

css writing-mode 세로쓰기

1

목록

작성자 공대여자

작성 : 2019-01-18 17:15 조회 : 1057
지남 1일간

2019-01-18 - 2019-01-18

좌표
writing-mode

🔗 https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

#css #writing-mode #수직 #90deg #90도 #세로 #세로쓰기

css writing-mode

세로쓰기

writing-mode:vertical-lr

Value	Vertical script	Horizontal script	Mixed script
horizontal-tb	我家没有电脑。	Example text	1994年に至っては
vertical-lr 왼쪽->오른쪽	我家没有电脑。	Example text	1994年に至っては
vertical-rl 오른쪽->왼쪽	我家没有电脑。	Example text	1994年に至っては

위 테이블 값 말고도 추가적인 설정 값이 있다.

이게 안될 경우

transform: rotate(90deg);

를 써야하는데, text 기준이 아니라 node기준이라서 영역 전부가 90도 회전한다.

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

목록

댓글

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	66530
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	73328
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	74825
1708	openstreetmap.org 상업적으로 사용가능한 무료 지도 1 #map	공대여자	25-10-1410-14	59
1707	animate.style css 모션 라이브러리 1 #css #animate	공대여자	25-09-2309-23	140
1706	electron-sample-app 1 #electron	공대여자	25-09-1609-16	142
1705	KoNLPy: 파이썬 한국어 NLP 1 #pythone #형태소	공대여자	25-09-0909-09	197
1704	mecab 형태소 분석기 #mecab #형태소	공대여자	25-09-0909-09	214
1703	Macrotask 와 Microtask 1 #macrotask #microtask	공대여자	25-08-2508-25	207
1702	GA의 utm_medium 별 기본 채널 그룹 #ga #medium	공대여자	25-08-1908-19	206
1701	js-pointer-event-handler 1 #pointer #event	공대여자	25-08-1308-13	225
1700	reportError() 1 #report #error	공대여자	25-08-0708-07	219
1699	queueMicrotask() 2 #microtask	공대여자	25-08-0708-07	208
1698	UI exclusive dialog 1 #modal #dialog	공대여자	25-08-0608-06	223
1697	마우스 등의 입력장치의 폴링레이트 이슈 PC/Mobile #폴링레이트 #지연시간 #마우스 #팬	공대여자	25-08-0108-01	317
1696	윈도우에서 포트포워딩 하기 #포트포워딩	공대여자	25-07-2907-29	210
1695	git hub 소스에서 cors 회피하기 #github	공대여자	25-07-2607-26	239
1694	웹 폰트 사용시 load, ready 시점 주의 #font	공대여자	25-07-1507-15	248