いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

text-align

  • このエントリーをはてなブックマークに追加

text-alignとは?

text-alignは、要素内のコンテンツを左右または中央に寄せて並べるCSSです。

text-alignの使い方

要素内のテキストや画像を一方向に寄せて配置したい場合に使用します。

余白がなければ寄せることができないため、divやp、h、表のセル内など、余白がある部分で使用します。

floatとの違いは、floatはブロック単位で寄せる場合に使われるのに対し、text-alignは要素内の並びを指定する際に使われます。

また、text-alignはフロートしない(浮いた状態にならない)ため、clearによる解除は必要ありません。

ブロック単位で寄せる場合は、floatを使います。

記述方法

text-alignは以下のように記述します。

左に寄せる場合

text-align:left;

右に寄せる場合

text-align:right;

中央に寄せる場合

text-align:center;

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集


Warning: Invalid argument supplied for foreach() in /home/haluri/sinoffice.com/public_html/homepage/wp-includes/script-loader.php on line 2740