<p>画像の右下あたりをドラッグすると親要素コンテナのサイズを変えられます</p>
<p>※環境によってはドラッグできないかも・・・</p>
<div class="resize">
  <img src="https://katsu-dev.netlify.app/static/default_ogpimage-62d4a2892ca742cbdcb2a1523b97bef3.jpg" alt="アイコン画像">
</div>
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.resize {
  resize: horizontal;
  width: 200px;
  border: 5px solid gold;
  text-align: center;
  overflow: hidden;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.