アバター画像とかをCSSで丸くくり抜くときに、img要素にborder-radius: 50%を指定するか、以下のような感じにすれば丸くくり抜きできるけど、画像が正方形じゃなかった場合に縦横比が伸びておかしくなってしまう。 <span class="avatar"> <img src="https://github.com/tacamy.png" alt=""> </span> .avatar { display: inline-block; over…