tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

block-ruby-001.html (1532B)


      1 <!DOCTYPE html>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5  -->
      6 <html lang="ja">
      7 <meta charset="utf-8">
      8 <title>CSS Ruby Test: basic 'block ruby' layout.</title>
      9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
     10 <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
     11 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout">
     12 <link rel="match" href="block-ruby-001-ref.html">
     13 <style>
     14 @font-face
     15 {
     16  font-family: "mplus-1p-regular";
     17  src: url("/fonts/mplus-1p-regular.woff") format("woff");
     18 }
     19 
     20 html
     21 {
     22  font-family: "mplus-1p-regular";
     23 }
     24 
     25 ruby { display: block ruby; background: lightblue; }
     26 .mbp {
     27  margin: 1px 3px 5px 7px;
     28  padding: 3px 5px 7px 1px;
     29  border-width: 3px 1px 7px 5px;
     30  border-style: solid;
     31 }
     32 .columns {
     33  columns: 3 auto;
     34  column-rule: 1px;
     35  background: lightgrey;
     36  height: 2em;
     37 }
     38 rbc {
     39  display: ruby-base-container;
     40  unicode-bidi: isolate;
     41 }
     42 </style>
     43 A<ruby><rt></rt></ruby>B
     44 A<ruby class="mbp"><rt></rt></ruby>B
     45 <div class="columns">A<ruby class=mbp><rt></rt><rt></rt><rt></rt><rt></rt><rt></rt></ruby>B</div>
     46 <div style="width:2.5em; border:1px solid;">
     47    <ruby style="margin: 1em 0em;"><rb><rb><rb><rb><rb><rb><rb><rb></ruby>
     48    <ruby style="margin: 1em 0em;"><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc></ruby>
     49 </div>
     50 </html>