行の高さについて
line-heightプロパティを使うことで、行の高さが設定できます。
background-colorプロパティを使うことで、背景色を設定できます。
![](https://tumaboki.com/wp-content/uploads/2020/11/6d674a1356c6f430f583b7b0673fad73.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/fd6840208de9e6f16630bc451517e779.png)
指定の継承
emを使えば、文字サイズの倍数分の値を指定できます。
emの場合、親要素で計算された値が子要素にもそのまま継承されます。
単位なし(emなし)でも、文字サイズの倍数分の値が指定できます。
単位なし(emなし)の場合、子要素で再計算されて値が指定されます。
![](https://tumaboki.com/wp-content/uploads/2020/11/ba873c89dcc3b04ffda0570006dffe43.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/e3eec726062730213f80d827dd68257c.png)
位置の調整
vertical-alignプロパティを使うことで、画像などの要素位置を調整できます。
baselineが要素の基準です。
vertical-align:topで上にズレます。
vertical-align:middleで中央になります。
vertical-align:bottomで下にズレます。
値(px)を指定することで、自由に調整できます。
![](https://tumaboki.com/wp-content/uploads/2020/11/fe3d41f8ae3671f105849959c4b23329-1.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/9fec9ed65a4b81d2a238a5b86bf724fd-2.png)
コメント