HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5で右から左（RTL）方向の段落を作成する方法

HTMLでは、dir属性を使うことで、段落のテキストの流れる方向を指定できます。右から左へテキストを表示したい場合は、dir属性に「rtl」（right-to-left）という値を設定します。

アラビア語やヘブライ語など、右から左に読む言語を扱うウェブページでは、このdir属性が特に重要になります。逆に、通常の日本語や英語のように左から右へ表示したい場合は、「ltr」を指定します。

使用例

以下のコードを実行して、dir属性による右から左方向の段落表示を確認してみましょう。

<!DOCTYPE html>
<html>
   <body>
      <p dir="rtl">This is demo paragraph. This is demo paragraph.
         This is demo paragraph. This is demo paragraph. This is demo paragraph.
         This is demo paragraph. This is demo paragraph.</p>
   </body>
</html>

dir属性に指定できる主な値

  • rtl：テキストを右から左へ表示します
  • ltr：テキストを左から右へ表示します（デフォルト）
  • auto：ブラウザが内容に基づいて方向を自動判定します

このように、dir属性はHTML要素に直接記述できるため、特別なCSSを追加しなくても簡単にテキストの方向を制御できます。多言語対応サイトを構築する際にぜひ活用してください。

  1. HTMLでファイルアップロードボタンを作成する方法をわかりやすく解説

    HTMLでファイルアップロードボタンを作成するには、<input>要素のtype属性に「file」を指定します。これにより、ユーザーが自分のPCやスマートフォンからファイルを選択してアップロードできるボタンが簡単に設置できます。 コード例 <!DOCTYPE html> <html> <head> <title>ファイルアップロードボタンの例</title> </head> <body> <h1>ファイルアップロードボタンの例</h1> <p>「ファイルを選択」ボ

  2. HTMLでダウンロードリンクを作成する方法をわかりやすく解説

    HTMLでダウンロードリンクを作成するには、<a>タグにdownload属性を追加します。この属性を指定すると、リンク先のファイルがブラウザで開かれる代わりに、クリックした時点でダウンロードされるようになります。コード例以下は、画像をクリックするとその画像ファイルがダウンロードされるサンプルコードです。<!DOCTYPE html> <html> <body> <h1>Download Link example</h1> <a href="https://i.picsum.photos/id/225/800