🔲 CSS resize ジェネレーター

CSS resizeプロパティのコードを生成し、プレビューできます

設定

Resize プロパティ

最小幅: 100px

最小高さ: 100px

最大幅: 400px

最大高さ: 400px

プレビュー

このボックスをリサイズしてみてください。

右下の角をドラッグすることで、設定に応じてサイズを変更できます。

現在の設定: both

生成されたCSS

resize: both;
overflow: auto;
min-width: 100px;
min-height: 100px;
max-width: 400px;
max-height: 400px;
border: 2px solid var(--border);
padding: 10px;

使い方

resizeプロパティを選択してプレビューを確認
最小/最大のサイズ制限を設定
生成されたCSSをコピーして使用
注意: resizeが機能するには overflow が auto または scroll である必要があります