text-align
解説
行揃えの位置や、均等割付を指定します。このプロパティはブロック要素内のインライン要素をどのように配置するかを指定するものであり、ブロック要素の配置を指定できるものではありません。
left | 寄せ |
---|---|
right | 寄せ |
center | 央揃え |
justify | 均等割付 |
値として文字を指定することもできます。これはテーブルのセルにのみ有効な指定で、同列にあるセルの文字をこの文字を中心にそろえます。小数点などを揃える際に使えるでしょう。テーブル以外の要素に適用しても無視されます。
プロパティ情報
値: | left ,center ,right ,justify ,一文字のいずれか |
---|---|
初期値: | 環境と文字の表記方向に依存します。 |
適用対象: | ブロック要素 |
継承: | する |
パーセンテージ: | 不可 |
適用メディア: | 視覚 |
レベル: | 1〜2 |
参照
text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 div.sample1 {text-align: left; } div.sample2 {text-align: center; } div.sample3 {text-align: right; } div.sample4 {text-align: justify; text-justify: distribute-all-lines; }
HTMLの記述方法 <div class="sample1"><p>Sample Text</p></div> <div class="sample2"><p>Sample Text</p></div> <div class="sample3"><p>Sample Text</p></div> <div class="sample4"><p>Sample Text</p></div>
表示結果
Sample Text
Sample Text
Sample Text
Sample Text