imgタグのサイズ設定について

Question

imgタグ(src にてURLの指定込み)のサイズ指定を、liタグのようなインライン要素で行いたいのですが、
画像本来の大きさ(サイズ大)に指定したサイズの枠で切り取ったような形にしか反映されず困っています。
できるだけシンプルにボックススタイルで並べていきたいのですが、良い表記方法がありましたら教えていただきたいです。

Comments

[naminami_c]

仕方なく、imgタグ内にclassで命名し、classでサイズ指定を行いました。

[Lhankor_Mhy]

ご解決されて何よりです。

自己解決の処理をお願いします。
https://teratail.com/help#resolve-myself

[naminami_c]

すみません、コメントの内容は、不明のまま時間経過していた為、一時処理として行った作業になります。
imgタグをclassで命名するのでなく、imgタグを含んだli要素からサイズ指定を行う方法が知りたいです。

<li>
<img class=“▼” sec=“●”>
</li>

.▼{
サイズ指定
}
でなく、

<li>
<img sec=“●”>
</li>

li {
width: □;
}
↑これでは中のimg画像がliのwidthのサイズで切り抜かれたような実装になってしまいました。

[Lhankor_Mhy]

今ひとつご希望されている状態が理解できないのですが、つまりは、セレクタに「img」という言葉を使わずに width を指定したい、みたいな話をされていますか？

Answer 1

『セレクタに「img」という言葉を使わずに width を指定したい、みたいな話』だと想像して回答します。

li>*{
  width: 1px;
}

蛇足ですが、li はインライン要素ではないです。