ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSにおけるrtlは何を意味しますか
CSSにおけるrtlは何を意味しますか
- WBOYオリジナル
- 2022-04-24 11:07:244006ブラウズ
CSS において、rtl は「right-to-left」の略で、右から左へという意味で、インラインコンテンツを右から左へ配置することを指します。direction 属性の属性です。 . 値。この属性はテキストの方向と書き込み方向を指定し、構文は「element {direction:rtl}」です。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css における rtl の意味
rtl は、right-to-left の略で、右から左という意味で、より具体的に説明すると、インライン コンテンツは右から左です。この CSS ステートメントを追加して適用して配置すると、前後 2 つの画像が表示されますが、デフォルトでは DOM が前にあるものが右側に表示され、コンテナの右端に表示されます。
direction 属性は、テキストの方向/書き込み方向を指定します。
この属性は、ブロックの基本的な書き込み方向と、Unicode 双方向アルゴリズムの埋め込みおよびオーバーレイの方向を指定します。双方向テキストをサポートしないユーザー エージェントは、この属性を無視する可能性があります。
この属性に指定できる値は次のとおりです。
ltr は初期値で、左から右を意味します。つまり、左から右へです。より具体的には、インラインコンテンツが左から右に配置されているという説明です。これが通常の Web ページの処理方法です。たとえば、前後 2 つの画像がある場合、デフォルトでは、最初に DOM を持つものが 2 番目に表示されます。左。
例は次のとおりです:
<html>
<head>
<style type="text/css">
div.one
{direction:rtl}
div.two
{
direction: ltr
}
</style>
</head>
<body>
<div class="one">Some text. Right-to-left direction.</div>
<div class="two">Some text. Left-to-right direction.</div>
</body>
</html>出力結果:
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSにおけるrtlは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。