ブックマーク / developer.chrome.com (1)

  • 改行可能な ruby 要素と CSS ruby-align プロパティ  |  Blog  |  Chrome for Developers

    HTML の <ruby> 要素は、特に東アジア言語のテキスト表示を改善するための強力なツールです。この要素を使用すると、ベーステキストの上または横に発音の注釈やその他の補足情報を表示できます。Chrome 128 以降では、Ruby アノテーションが改行可能になり、ruby-align CSS プロパティを使用して Ruby テキストのスタイルを設定できるようになります。 <ruby> 要素は 2 つの主要な部分からなります。ルビーベース(メインテキスト)とルビーテキスト(アノテーション テキスト)は、<rt> 要素でマークアップされています。Ruby テキストは、次の例に示すように、ルビーベースの上または下に表示できます。 <ruby style="ruby-position: under;"> 강남대로 <rt>江南大路</rt> </ruby> <ph type="x-smartl

    改行可能な ruby 要素と CSS ruby-align プロパティ  |  Blog  |  Chrome for Developers
    mr_mayama
    mr_mayama 2024/07/29
    ルビ内音引きを先頭にする組版は意図的(ルールを例で示している)なのか禁則処理に無関心なのかline-break:strictで変わるのか
  • 1