PR

構文

text-align : 配置;

説明文

 「text-align」はブロック要素の内容の配置位置を指定する。例えば,右寄りやセンターリングといった配置の指定が行える。text-alignでは以下のような配置指定が行える。

配置意味
left左揃えで配置する
right右揃えで配置する
center中央揃えで配置する
justfit両幅揃え(領域いっぱいに文字を均等に配置する)で配置する

 text-alignでは水平方向の配置を指定し,垂直方向の配置は「vartical-align」で指定する。

使用例

● CSSの定義

div.date { text-align : right;}
h2 { text-align : center;}

● HTMLの例

<div class="date">2008年11月1日</div>
<h2>自宅にWebサーバーを設置しよう</h2>
<p>Webコンテンツを作成する場合は,IPSやASPなどといったインターネット上
でサービスを提供するプロバイダが用意したサーバーにコンテンツを置くことがで
きます。しかし,Webサーバーアプリケーションの「Apache」を利用することで簡
単に自宅にWebサーバーを設置することが可能です。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目