ライティングモードは、テキストの書き込み方向を制御するCSSの屬性です。一般的な値には、Horizo??ntal-TB（デフォルト）、垂直RL（右から左に垂直）、および垂直LR（左から右へ垂直）が含まれます。その一般的な用途には、日本と韓國(guó)の言語(yǔ)をサポートする垂直テキスト、垂直ナビゲーションバーレイアウト、PDFリーダーインターフェイスの適応などが含まれます。テキスト指向は、垂直モードで単一の文字の方向を制御するために使用されます。一般的な値には、混合（デフォルト、ラテン文字は水平のまま）、直立（すべての文字が垂直に表示されます）、橫向き（文字は時(shí)計(jì)回りに90度回転します）が含まれます。アラビア語(yǔ)などのRTL言語(yǔ)を処理する場(chǎng)合、方向：RTLおよびUnicode-bidi：Bidi-Overrideテキストオリエンテーションを統(tǒng)合し、レイアウトの一貫性を確保します。これらの屬性を使用する場(chǎng)合、要素のサイズ、レイアウトロジック、全體的なスタイルへの影響に注意を払う必要があります。

CSSライティングモードとテキストオリエンテーションコントロールはしばしば見落とされがちですが、Webページのレイアウトの非常に重要な部分です。特に、多言語(yǔ)のWebサイトや垂直テキストが必要なシナリオを扱う場(chǎng)合、これらの機(jī)能を習(xí)得すると、ページがより柔軟でプロフェッショナルになります。

ライティングモードとは何ですか？

writing-modeプロパティは、テキストブロックがページ上にどのように流れるかを決定します。デフォルトでは、ほとんどのブラウザは、英語(yǔ)、中國(guó)語(yǔ)、その他の言語(yǔ)に適した左から右へ、右から上からボットー（つまり、 horizontal-tb ）を使用しています。

ただし、伝統(tǒng)的に垂直に書いてきた日本語(yǔ)、韓國(guó)語(yǔ)、モンゴル語(yǔ)などの言語(yǔ)に対処する必要がある場(chǎng)合は、以下を使用できます。

ライティングモード：Vertical-RL; /*右から左に垂直に行*/

または

ライティングモード：Vertical-LR; /*左から右に垂直に*/

この設(shè)定の後、要素全體のテキストは自動(dòng)的に垂直になり、レイアウトはそれに応じて調(diào)整されます。たとえば、DIVの幅と高さは、新しいライティングの方向に基づいて再計(jì)算されます。

一般的な用途：

• 日本、韓國(guó)語(yǔ)、伝統(tǒng)的な中國(guó)のウェブサイトの垂直テキスト
• 水平ナビゲーションバーを垂直方向の配置に変更し、フレックスまたはグリッドの設(shè)定を排除します
• PDFリーダーインターフェイスを作成するときに、さまざまな言語(yǔ)でコンテンツを適応させる

テキスト指向は、単一の文字の方向を制御します

vertical-rlまたはvertical-lrを使用する場(chǎng)合、ラテン文字や數(shù)字など、デフォルトで水平に表示された一部の文字が殘ります。この時(shí)點(diǎn)で、 text-orientationを使用してオリエンテーションを制御できます。

一般的な値は次のとおりです。

• mixed ：デフォルト値、ラテン文字は水平になり、漢字が垂直に垂直に回転します
• upright ：すべての文字が垂直に表示されます（全幅シンボルと日本のカンナに適しています）
• sideways ：全體的なキャラクターは時(shí)計(jì)回りに90度回転し、タイトルディスプレイに適しています

たとえば、英語(yǔ)と中國(guó)語(yǔ)と混合されたテキストが垂直に配置されたときによりきれいに見えるようにしたい場(chǎng)合は、次のように書くことができます。

 .vertical-text {
  ライティングモード：Vertical-RL;
  テキスト指向：直立;
}

このようにして、それが英語(yǔ)の文字であろうと漢字であろうと、それらは統(tǒng)一された垂直方向に提示されます。

方向とUnicode-bidiを一緒に使用します

書き込みモードの直接のカテゴリには該當(dāng)しませんが、RTL（右から左）言語(yǔ)（アラビア語(yǔ)やヘブライ語(yǔ)など）と連攜してdirectionとunicode-bidi使用する必要があることがよくあります。

• direction: rtl;要素全體內(nèi)のテキストを右から左に表示することができます
• unicode-bidi: bidi-override;強(qiáng)制的には、一貫した方向を確保するために、ブラウザのデフォルトの雙方向アルゴリズムを上書きします

例えば：

 .rtl-content {
  方向：RTL;
  Unicode-bidi：bidi-override;
}

この組み合わせは、特にユーザーが言語(yǔ)を切り替えるときにテキストの方向を動(dòng)的に変更する場(chǎng)合、國(guó)際的なWebサイトで特に役立ちます。

RTLレイアウトはテキスト方向の変更であるだけでなく、パディング、マージン、フレックス配置などのスタイルロジックにも影響することに注意してください。CSSツールクラスまたはBEMの命名仕様と組み合わせて管理することをお?jiǎng)幛幛筏蓼埂?/p>

基本的にそれだけです。書き込みモードとテキストオリエンテーションは簡(jiǎn)単に思えるかもしれませんが、実際のアプリケーションで互換性や誤った問題に遭遇するのは簡(jiǎn)単です。これらの屬性を合理的に使用すると、Webページがより適応性が高く國(guó)際的になります。

以上がCSSライティングモードとテキストオリエンテーションの理解の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。