menu
menu

キーワード検索

 

最近の投稿

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

  • CSS

text-align

こんにちは(・∀・)

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

概要

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


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

ブロックレベル要素

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

left

サンプルデモ
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 {
  width: 200px;
  text-align: justify;
}
Result

左寄せ

中央

右寄せ

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 ...

関連リンク

CSSリファレンス

  • カテゴリー:CSS