CSS resizeプロパティで要素をリサイズ可能にする。 - Qiitaresize プロパティについて 要素のリサイズ機能を制御するプロパティ。 指定可能な要素は、overflowがvisibleと指定されていない要素です visibleは初期値なので、違う値に設定します。 resize: キーワード値; 使用できるキーワード値 none リサイズ機能を無効(初期値) both 水平垂直(全)方向にリサイズを可能にします。 horizontal 水平方向のみリサイズを可能にします。 vertical 垂直方向のみリサイズを可能にします。 など 他にも幾つかありますが省略します 要素の右下にリサイズ用の領域が設けられます。 右下に棒が2本あります これがリサイズ領域です。 ここをドラッグすると、リサイズができます。 sample ※ サンプルでは リサイズ領域のデザインを変えています。 #flex{ display: flex; flex-flow: row
【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する - Qiita
