집 > 기사 > 웹 프론트엔드 > CSS에서 단어를 세로로 쓰는 방법

CSS에서 단어를 세로로 쓰는 방법

coldplay.xixi원래의: 2021-03-12 15:44:215108검색

CSS에서 세로로 쓰는 방법: [writing-mode]를 사용하여 개체의 쓰기 방향을 설정합니다. 구문은 [writing-mode: lr-tb, tb-rl]이며, 여기서 [lr-tb]는 왼쪽부터입니다. 위에서 아래로, [tb-rl] 위에서 아래로, 오른쪽에서 왼쪽으로.

CSS에서 단어를 세로로 쓰는 방법

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

단어를 세로로 쓰게 만드는 Css 방법:

<code><strong>writing-mode</strong>writing-mode

(개체 쓰기 방향 설정)

구문:

writing-mode : lr-tb、tb-rl

매개변수:

lr-tb : 왼쪽에서 오른쪽으로, 위에서 아래로
tb-rl: 위에서 아래로, 오른쪽에서 왼쪽으로

css 코드:

div { writing-mode: tb-rl; }

예:

<!DOCTYPE html>    
<html>    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
<title>竖列排版实例</title>    
<style>    
div { writing-mode: tb-rl; }  
</style>    
</head>    
<body>   
<div>我是竖列排版</div>   
</body>    
</html>

렌더링:

CSS에서 단어를 세로로 쓰는 방법

관련 튜토리얼 추천: CSS 비디오 튜토리얼

🎜

위 내용은 CSS에서 단어를 세로로 쓰는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css css3 对象

성명：

이전 기사：CSS의 글꼴 스타일을 설정하는 방법다음 기사：CSS의 글꼴 스타일을 설정하는 방법