ホームページ作成ＴＯＰ > レイアウト > ブロック要素に変換する
ブロック要素に変換する
要素をブロック要素に変換する方法を説明します。
ブロック要素に変換する事によって、インライン要素のサイズを指定したり、移動させたりといった事が可能になります。
今回は、文字でリンクしているものを範囲に変換して、リンクを『文字→範囲』にする事を行って見ましょう。
sample
ＨＴＭＬ
スタイルシートを使用します。
ホームページ作成ＴＯＰ > レイアウト > マウスの形状を変更する > このページのＴＯＰ ▲
スタイルシート display:block;
範囲をブロックの要素に変換するには、display:block;を使用します。
これを使用する事により、インライン要素をブロック要素に変換する事が出来ますので、サンプルの様に『 文字 → 範囲 』として扱う事が可能になります。
今回のサンプルに関しては、ＴＯＰ > マウスで変化 > 範囲でリンクするにて説明してますので、確認して下さい。
display:設定;の他の設定として代表的なものが下記になります。
| 設定 | 意味 |
|---|---|
display:none; | 非表示にする |
display:inline; | インライン要素に変換する |
display:list-item; | リストアイテム要素に変換する |
ホームページ作成ＴＯＰ > レイアウト > マウスの形状を変更する > このページのＴＯＰ ▲
