【CSS】疑似要素の画像サイズを変更する方法

疑似要素の画像サイズは普通には変えられない 今回は少しマニアックな話です。疑似要素（beforeとafter）のcontent内で表示させた画像のサイズは:before{width:◯◯px}などと指定しても変えることはできません。

[sutetuki]

“ content: '';/*何も入れない*/ display: inline-block;/*忘れずに！*/ width: 50px;/*画像の幅*/ height: 50px;/*画像の高さ*/ background-image: url(../img/face.png); background-size: contain; vertical-align: middle;”

[localnavi]

たまにしか使わないので忘れがち。

[hg_kosuke]

疑似要素をウィンドウ幅で自動縮小

[idr_zz]

擬似要素でも背景画像ならリサイズできる！ 【CSS】疑似要素の画像サイズを変更する方法｜サルワカ