1em 段落の高さに文字がびっしり詰まった状態
line-height line_height
縦の空白に文字を挿入し、文字間の空白を調整します。
上下の空白はパラグラフが影響しています。
0.5em 段落の高さに文字がびっしり詰まった状態
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
段落の空白が０．５でフォントが１の為文字が重なる。
1em 段落の高さに文字がびっしり詰まった状態
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
Spanを使う事でバックカラーまでインライン表示？
1.5em 段落の高さは文字の大きさの１．５倍
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
2em 段落の高さは文字の大きさの２倍
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
2.5em 段落の高さは文字の大きさの２．５倍
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
3em 段落の高さは文字の大きさの３倍
ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ ASADACHIKA Sadachika さだちか サダチカ
ASADACHIKA Sadachika さだちか サダチカ
Spanタグ使用の為表示がおかしくなったが参考の為に残すことにする。
3em 段落の高さは文字の大きさの３倍
不透明度での課題は、文字の挿入と、リンク先を文字だけでなく枠全体に調節しばければならない
欠けた表示の課題は、マウスポインタが当たった変化をもう少し調節したい。
内枠を白からマウスが当たった段階をオレンジとか
sadachika 0.5ex Sadachika 段落の空白が０．５でフォントが１だから文字が重なる。小文字専用ex
sadachika 0.5ex Sadachika
sadachika 0.5ex Sadachika
sadachika 0.5ex Sadachika
sadachika 1ex Sadachika 段落の空白が１でフォントが１だから文字が重なる。小文字専用ex
sadachika 1ex Sadachika
sadachika 1ex Sadachika
sadachika 1ex Sadachika
sadachika 1.5ex Sadachika 段落の空白が１．５でフォントが１だから文字はきちんと表示される。小文字専用ex
sadachika 1.5ex Sadachika
sadachika 1.5ex Sadachika
sadachika 1.5ex Sadachika
sadachika 2ex Sadachika 段落の空白が２でフォントが１だから文字はきちんと表示される。小文字専用ex
sadachika 2ex Sadachika
sadachika 2ex Sadachika
sadachika 2ex Sadachika
sadachika 2.5ex Sadachika 段落の空白が２．５でフォントが１だから文字はきちんと表示される。小文字専用ex
sadachika 2.5ex Sadachika
sadachika 2.5ex Sadachika
sadachika 2.5ex Sadachika
sadachika 3ex Sadachika 段落の空白が３でフォントが１だから文字はきちんと表示される。小文字専用ex
sadachika 3ex Sadachika
sadachika 3ex Sadachika
sadachika 3ex Sadachika
サダチカ
大文字0.5em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字1em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字1.5em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字2em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字3em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字4em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字5em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字9em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字10em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字11em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika
サダチカ
大文字12em
不透明
不透明
SADACHIKA
SADACHIKA
sadachika
sadachika