틀:세로쓰기/설명문서

CSS 표준에 맞춘 세로쓰기(우종서) 틀입니다. (온점과 반점은 자동으로 고리점과 모점으로 변환됩니다.)

사용법

<poem>
{{세로쓰기|죽는 날까지 하늘을 우러러
한점 부끄럼이 없기를,
잎새에 이는 바람에도
나는 괴로워했다.
별을 노래하는 마음으로
모든 죽어가는것을 사랑해야지
그리고 나한테 주어진 길을
걸어가야겠다.

오늘밤에도 별이 바람에 스치운다.
}}
</poem>

죽는 날까지 하늘을 우러러

한점 부끄럼이 없기를、
잎새에 이는 바람에도
나는 괴로워했다。
별을 노래하는 마음으로
모든 죽어가는것을 사랑해야지
그리고 나한테 주어진 길을
걸어가야겠다。

오늘밤에도 별이 바람에 스치운다。

높이 (height, h) 변수로 세로쓰기 영역의 높이를 지정할 수 있습니다:

<poem>
{{세로쓰기|높이=15em|나랏〮말〯ᄊᆞ미〮
{{ruby-inline|中|듀ᇰ}}{{ruby-inline|國|귁〮}}에〮달아〮
{{ruby-inline|文|문}}{{ruby-inline|字|ᄍᆞᆼ〮}}와〮로〮서르ᄉᆞᄆᆞᆺ디〮아니〮ᄒᆞᆯᄊᆡ〮
이〮런젼ᄎᆞ〮로〮어린〮{{ruby-inline|百|ᄇᆡᆨ}}{{ruby-inline|姓|셔ᇰ〮}}이〮니르고〮져〮호ᇙ〮배〮이셔〮도〮
ᄆᆞᄎᆞᆷ〮내〯제ᄠᅳ〮들〮시러〮펴디〮몯〯ᄒᆞᇙ노〮미〮하니〮라〮
내〮이〮ᄅᆞᆯ〮{{ruby-inline|爲|윙〮}}ᄒᆞ〮야〮어〯엿비〮너겨〮
새〮로〮스〮믈〮여듧〮{{ruby-inline|字|ᄍᆞᆼ〮}}ᄅᆞᆯ〮ᄆᆡᇰᄀᆞ〮노니〮
사〯ᄅᆞᆷ마〯다〮ᄒᆡ〯ᅇᅧ〮수〯ᄫᅵ〮니겨〮날〮로〮ᄡᅮ〮메〮{{ruby-inline|便|뼌}}{{ruby-inline|安|ᅙᅡᆫ}}킈〮ᄒᆞ고〮져〮ᄒᆞᇙᄯᆞᄅᆞ미〮니라〮
}}
</poem>

나랏〮말〯ᄊᆞ미〮

中듀ᇰ國귁〮에〮달아〮
文문字ᄍᆞᆼ〮와〮로〮서르ᄉᆞᄆᆞᆺ디〮아니〮ᄒᆞᆯᄊᆡ〮
이〮런젼ᄎᆞ〮로〮어린〮百ᄇᆡᆨ姓셔ᇰ〮이〮니르고〮져〮호ᇙ〮배〮이셔〮도〮
ᄆᆞᄎᆞᆷ〮내〯제ᄠᅳ〮들〮시러〮펴디〮몯〯ᄒᆞᇙ노〮미〮하니〮라〮
내〮이〮ᄅᆞᆯ〮爲윙〮ᄒᆞ〮야〮어〯엿비〮너겨〮
새〮로〮스〮믈〮여듧〮字ᄍᆞᆼ〮ᄅᆞᆯ〮ᄆᆡᇰᄀᆞ〮노니〮
사〯ᄅᆞᆷ마〯다〮ᄒᆡ〯ᅇᅧ〮수〯ᄫᅵ〮니겨〮날〮로〮ᄡᅮ〮메〮便뼌安ᅙᅡᆫ킈〮ᄒᆞ고〮져〮ᄒᆞᇙᄯᆞᄅᆞ미〮니라〮

유의 사항

<poem> 등의 구문은 세로쓰기 틀의 바깥에 써야 구두점의 치환이 원활하게 작동합니다.

외부 링크

• writing-mode: CSS - MDN Web Docs (영어)