ruby-text-collapse.html (758B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <meta charset="UTF-8"> 4 <title>CSS Test: visibility: collapse hides ruby annotations</title> 5 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#hiding"> 7 <link rel="match" href="ruby-text-collapse-ref.html"> 8 <style> 9 body { line-height: 5; } 10 rt { font-size: 80%; } 11 </style> 12 <ruby> 13 <rb>昆</rb><rb>虫</rb><rb>記</rb> 14 <rt>こん</rt><rt>ちゅう</rt><rt>き</rt> 15 </ruby><br> 16 <ruby> 17 <rb>昆</rb><rb>虫</rb><rb>記</rb> 18 <rt>こん</rt><rt style="visibility: hidden">ちゅう</rt><rt>き</rt> 19 </ruby><br> 20 <ruby> 21 <rb>昆</rb><rb>虫</rb><rb>記</rb> 22 <rt>こん</rt><rt style="visibility: collapse">ちゅう</rt><rt>き</rt> 23 </ruby>