루비 스니펫

개요

위키백과 루비 문자 페이지에서 발췌:

루비 문자(일본어: ルビ, 영어: ruby character)란 문장 내의 임의의 문자(보통은 한자)에 대해 읽는 법을 알려주는 후리가나, 단어에 대한 설명, 또는 일반적인 읽기 방법과 다르게 읽을 때 그 '다르게 읽는 법' 등을 보통 문자보다 더 작은 크기의 문자로 적는 것이다. 통상 세로쓰기에는 문자의 오른쪽, 가로쓰기에는 문자의 위쪽에 적는다.

루비 기능은 Nanimono Demonai 님이 제작하였습니다.

코드

+ CSS 코드

/* Ruby by Nanimono Demonai */
 
.ruby, ruby {
    display:inline-table;
    text-align:center;
    white-space:nowrap;
    line-height:1;
    height:1em;
    vertical-align:text-bottom;
}
 
.rt, rt {
    display:table-header-group;
    font-size:0.6em;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
}

실행 문법

[[span class="ruby"]]漢字[[span class="rt"]]한자[[/span]][[/span]]

결과

漢字한자

페이지 댓글

comments powered by Disqus