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

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

https://saruwakakun.com/html-css/reference/change-before-after

.example:before {    content: url(../img/face.png);    display: inline-block;    width: 5px;    height: 5px;  }

↓ 上記だと画像の元サイズそのままで表示されてしまうので、以下のようにする。

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

inkscapeで画像のサイズにページサイズを合わせる方法

https://nahcew.com/ref/inkscape/startup/inkscape-page-size/

ファイル ＞ ドキュメントのプロパティの、「ページサイズを秒が全体または選択オブジェクトに合わせる」でページサイズをオブジェクトに合わせます。