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

css writing-mode 세로쓰기

1

목록

작성자 공대여자

작성 : 2019-01-18 17:15 조회 : 1289
지남 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	87709
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	93377
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	95809
1739	x.com (구 트위터) - 트윗 특이사항 - 수정 내역 new #x #트위터	공대여자	26-05-1205-12	9
1738	첨부파일 다운로드 해더에서 파일명 지정 방법 new #filename	공대여자	26-05-1105-11	9
1737	도메인 등록 대행자 등록 수수료 및 서비스 new 1 #domain	공대여자	26-05-1105-11	9
1736	ffmpeg 명령 샘플 new #ffmpeg	공대여자	26-05-0605-06	25
1735	srcset 관련 #img #srcset	공대여자	26-04-2304-23	41
1734	DOMMatrix 1 #js #dommatrix	공대여자	26-04-1604-16	86
1733	transform 의 순서 #css #transform	공대여자	26-04-1304-13	74
1732	ui-transform-tool v2 1 #ui #transform	공대여자	24-12-3112-31	85
1731	iconifier.net favicon 과 apple-touch-icon 변환 사이트 #favicon	공대여자	26-03-2003-20	70
1730	검색엔진 별 사이트 등록 #seo	공대여자	26-03-1703-17	98
1729	attachShadow, shadowroot 사용시 css 의 특수 셀렉터 #css #shadowroot	공대여자	26-03-1703-17	121
1728	import로 css와 json 가져오기. 1 #import #css	공대여자	26-03-1703-17	103
1727	EyeDropper API 2 #eyedropper #colorpicker	공대여자	26-03-1703-17	103
1726	hsl 에서 lightness 기준으로 white/black 컬러로 설정하기. #hsl	공대여자	26-03-1703-17	89
1725	SSL/TSL 정책 유효기간 단축 일정 1 #ssl #tsl	공대여자	26-03-1603-16	123