text-align

ブロック要素内にあるインライン要素に対して、水平方向の配置を指定します。

ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

書式

要素[.class名][#id名]{ text-align : 値; }

▲PageTop

指定できる値

値	初期値	意味
left		左端に配置します。
center		中央に配置します。
right		右端に配置します。
justify		両端揃えをします。但し、英文の場合だけです。
inherit		親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      .sample1 {
        text-align : left;
      }
      .sample2 {
        text-align : center;
      }
      .sample3 {
        text-align : right;
      }
      .sample4 {
        text-align : justify;
      }
      #sample {
        width : 500px;
      }
      #sample div{
        background-color : #ffccff;
        margin : 1px;
      }
      #sample table{
        width : 100%;
      }
      #sample td{
        background-color : #ccff66;
      }
    </style>
  </head>
  <body>
    <div id="sample">
      ■ブロック要素内<br>
      <div class="sample1">【left】</div>
      <div class="sample2">【center】</div>
      <div class="sample3">【right】</div>
      <br>
      ■<td>要素内<br>
      <table>
        <tr>
          <td class="sample1">【left】</td>
          <td class="sample2">【center】</td>
          <td class="sample3">【right】</td>
        </tr>
      </table>
      <br>
      ■【text-align : justify】の表示確認<br>
      <table>
        <tr>
          <th>【left】</th>
          <th>【justify】</th>
        </tr>
        <tr>
          <td class="sample1">abc def ghi jkl mno pqr stu vwx yz ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
          <td class="sample4">abc def ghi jkl mno pqr stu vwx yz ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
        </tr>
      </table>
    </div>
  </body>
</html>

表示結果

■ブロック要素内

【left】

【center】

【right】

■<td>要素内

【left】

【center】

【right】

■【text-align : justify】の表示確認

【left】	【justify】
abc def ghi jkl mno pqr stu vwx yz ABC DEF GHI JKL MNO PQR STU VWX YZ	abc def ghi jkl mno pqr stu vwx yz ABC DEF GHI JKL MNO PQR STU VWX YZ

▲PageTop

text-align

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

HTML

CSS