疑似要素のサイズ指定
/*--- 背景画像としてwidth・height指定可能 ---*/
.ex:before {
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url(../img/ex.jpg);
background-size: contain;
vertical-align: middle;
}
/*--- width・height効かない ---*/
.ex:before {
content: url(../img/ex.jpg);
display: inline-block;
width: 40px;
height: 40px;
}
デフォルトのdisplay: inline;では
width・height指定不可
要素と画像を横並びにしたいとき=inline-block
改行をいれるとき=block
この記事が気に入ったらサポートをしてみませんか?