A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Global_attributes/dir below:

HTML dir グãƒãƒ¼ãƒãƒ«å±žæ€§ - HTML

HTML dir グローバル属性

dir グローバル属性は列挙型属性で、要素のテキストの書字方向を示します。

試してみましょう 
<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>

<hr />

<p>هذه الفقرة باللغة العربية ولكن بشكل خاطئ من اليسار إلى اليمين.</p>
<p dir="auto">
  هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
</p>

次の値を使用することができます。

メモ: auto の値は、ユーザー入力や外部データなど、書字方向が不明なデータに使用すべきです。

指定されていない場合、値は親要素から継承されます。

この属性は、 CSS の direction プロパティや unicode-bidi プロパティで上書きできます。ただし、 CSS が有効かつ要素がこれらのプロパティに対応する場合に限ります。

テキストの書字方向はその表示ではなく、内容に対して意味論的な関係がありますので、ウェブ開発者には、可能であれば関連する CSS プロパティよりもこの属性を使用することを推奨します。これにより、CSS に対応しないブラウザーや CSS を無効化したブラウザーでもテキストが正しく表示されます。

継承

要素に dir 属性が指定されていない場合、その親ノードに設定された dir の値を継承します。さらにその親ノードから継承している場合もあります。

使用上の注意

画像の dir プロパティを "rtl" に設定すると、HTML の title および alt 属性が "rtl" として整形および定義されます。

表の dir が "rtl" に設定されている場合、列の順序は右から左に並べられます。

この属性は、意味論的な位置づけが異なる場所を示す <bdo> 要素で必須です。

この属性は、<bdi> 要素には継承されません。設定されていない場合、その値は auto です。

ブラウザーではユーザーが <input> や <textarea> の書字方向を変更することを許可して、コンテンツの執筆を支援していることがあります。 Chrome と Safari は入力フィールドのコンテキストメニューに書字方向のオプションを提供しています。 Firefox は Ctrl (Windows)/Cmd (macOS) + Shift + X を使用しますが、dir 属性の値は変更しません。

仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4