ホームページ作成(レイアウト調整)
無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > レイアウト > ブロック要素に変換する

ブロック要素に変換する

要素をブロック要素に変換する方法を説明します。

ブロック要素に変換する事によって、インライン要素のサイズを指定したり、移動させたりといった事が可能になります。

今回は、文字でリンクしているものを範囲に変換して、リンクを『文字→範囲』にする事を行って見ましょう。

sample
HTML 

スタイルシートを使用します。

ホームページ作成TOP > レイアウト > マウスの形状を変更する > このページのTOP ▲

スタイルシート display:block;

範囲をブロックの要素に変換するには、display:block;を使用します。

これを使用する事により、インライン要素をブロック要素に変換する事が出来ますので、サンプルの様に『 文字 → 範囲 』として扱う事が可能になります。

今回のサンプルに関しては、TOP > マウスで変化 > 範囲でリンクするにて説明してますので、確認して下さい。

display:設定;の他の設定として代表的なものが下記になります。

ホームページ作成TOP > レイアウト > マウスの形状を変更する > このページのTOP ▲