BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ ニュース CSS Writing Modesが公式のWeb標準に

CSS Writing Modesが公式のWeb標準に

ブックマーク

原文(投稿日:2020/03/23)へのリンク

World Wide Web Consortium (W3C) は先頃、CSS Writing Modes Level 3が公式のWeb標準であることを発表した。新しいCSS標準を使用すると、開発者はテキストを水平または垂直にレイアウトするように構成したり、行を積み上げる方向を設定したりできる。CSS Writing Modesのおかげで、多数の言語のコンテンツをネイティブに表示できる。

W3C運営委員会メンバであり、日本の慶應義塾大学の教授である村井純博士は、新しい規格の重要性と、規格に組み込まれた国際的な作業の量を強調した:

[The] W3C勧告としてのCSS Writing Modes Level 3の公開は、CSS Working Groupがテキストレイアウトの作業を開始した2004年に始まった旅の重要なマイルストーンを示しています。 (…) 信じられないほどの国際化の取り組みと多くのアジア諸国の協力のおかげで、CSSがWeb上で国際的な書き込みモードを可能にするという重要なポイントに到達しました。」

CSS Writing Modes標準は、水平方向の左から右へのテキスト (英語やヒンディー語など) だけでなく、水平方向の右から左へのテキスト (ヘブライ語やアラビア語など) 、垂直方向のテキストの設定 (日本語やモンゴル語など) など、さまざまな国際的な書き込みモードのCSSサポートを定義した。さらに、この標準は、垂直方向に設定されたアジアのテキストでの英語やヘブライ語など、上記の組み合わせをサポートした。

Smashing Magazineの編集長を務めるRachel Andrew氏は、開発者とデザイナが、書き込みモードがFlexBoxやGridなどの他のレイアウト標準とどのように相互作用するかを理解することの重要性を強調した:

複数の書き込みモードのサポートは、FlexboxとGridレイアウトの新しいレイアウトメソッドが設計された方法の鍵となります。これを理解することで、これらのレイアウト方法がどのように機能するかをよりよく理解できます。

CSS Writing Modes標準では、書き込みモードはwriting-modedirectiontext-orientationの各プロパティによって決定されると規定されている。writing-modeプロパティは、ブロックの流れ方向を指定する。directionプロパティは、ボックスのインラインベース方向を指定する。

Mozillaのデザイナ兼デベロッパアドボケイトであるJen Simmons氏は、3つのCSS-writing-modeプロパティを組み合わせてレイアウトを指定する方法をにまとめた:

An illustration of an arrow pointing down to indicate block direction, The letter 'A' with text alongside it to indicate character direction, and arrows pointing to the right for inline direction
出典: https://24ways.org/2016/css-writing-modes

Chen Hui Jing氏は、開発者がhorizontal-tbvertical-rlの書き込みモードを切り替えて、レイアウトとスクロール方向の変化を観察できるデモンストレーションを提供した:

Chen Hui Jing demo toggling between horizontal and vertical CSS writing mode

CSS Writing Modesは、左から右に書かれる言語を使用している場合でも、コンテンツを横向きにしたり、コンテンツフローの方向を変更したりすることで、創造的なデザインの目的にも使用できる。

CSS 2019調査状況は、Flexboxとは対照的に、CSS Writing Modesが主に経験豊富な開発者とデザイナ (10年以上の経験) によって使用されていることを示しているようにみえる。

CSS Writing ModesはIE11とOpera Miniではサポートされていないが、それでもほとんどのブラウザでサポートされている。

W3Cは国際的なコミュニティからのフィードバックとサポートを積極的に歓迎し、言語サポートのニーズに十分に応える。W3Cは、現在のサポートレベルと作業が必要な場所の概要を示す言語マトリックスを公開している。

World Wide Web Consortiumは、エンターテインメント、通信、デジタルパブリッシング、金融サービスなど、さまざまな分野でWebを活用する現代のビジネスのインフラストラクチャを維持する標準を提供する。W3Cの著作物は、W3C特許ポリシーに基づいて無料で提供される。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT