/* Rules for Ruby annotation */ ruby { display:inline-table; text-align:center; white-space:nowrap; text-indent:0; margin:0 -0.2em; vertical-align:-20%; }
/* ruby base */ ruby>rb,ruby>rbc { display:table-row-group; line-height:90%; }
/* ruby text before */ ruby>rt,ruby>rbc+rtc { display:table-header-group; font-size:60%; line-height:40%; letter-spacing:0; }
/* ruby text after */ ruby>rbc+rtc+rtc { display:table-footer-group; font-size:60%; line-height:40%; letter-spacing:0; }
/* complex ruby text */ rbc>rb,rtc>rt { display:table-cell; letter-spacing:0; }
rtc>rt[rbspan] { display:table-caption; }
/* ruby parentheses */ rp { display:none; }
css2
ruby { display: inline-table } ruby * {
display: inline; line-height: 1.2; text-indent: 0; text-align: center; white-space: nowrap;
} ruby > * {
display: table-row-group;
} ruby > rt, ruby rtc {
display: table-header-group; font-size: 60%;
} ruby rtc + rtc { display: table-footer-group } ruby rbc > *, ruby rtc > * { display: table-cell } /* this only works when an rt spans across all rb */ ruby rtc > *[rbspan] { display: table-caption } ruby rp { display: none }
css3
ruby { display: ruby } rbc { display: ruby-base-container } ruby > rtc { display: ruby-text-container; ruby-position: before } ruby > rtc + rtc { display: ruby-text-container; ruby-position: after } rb { display: ruby-base } rt { display: ruby-text; ruby-span: attr(rbspan) } rp { display: none }
CSS position:fixed 屬性