menu
menu

キーワード検索

text-align(フォント・テキスト)【CSSリファレンス】

  • CSS

text-align

こんにちは(・∀・)

 CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはtext-alignです。

概要

 text-alignプロパティを使用して行揃えの位置・均等割付(ブロックレベル要素)の指定を行います。



.sample {
	text-align: left;
}
適用要素

 ブロックレベル要素

指定できる値
left
左寄せで表示します。
center
中央で表示します。
right
右寄せで表示します。
justify
両端揃えで表示します。
初期値

 left

サンプルデモ

左寄せ

中央

右寄せ

The waiting's almost over for those of you eager to strap an Apple wearable to your wrist, with pre-orders for the Apple Watch starting on April 10 and the device available to buy from ...

HTML

<p class="demo1">左寄せ</p>
<p class="demo2">中央</p>
<p class="demo3">右寄せ</p>
<p class="demo4">The waiting's almost over for those of you eager to strap an Apple wearable to your wrist, with pre-orders for the Apple Watch starting on April 10 and the device available to buy from ...</p>
CSS

.demo1 {
	text-align: left;
}
.demo2 {
	text-align: center;
}
.demo3 {
	text-align: right;
}
.demo4 {
	text-align: justify;
}
  • カテゴリー:CSS