プログラミング

resizeでボックスのサイズ変更ができるかを指定する【CSS】

resizeプロパティは、ボックスのサイズ変更、リサイズができるかどうかを指定するプロパティです。

{resize: サイズ変更の可否;}

値の指定方法

resizeプロパティでは、以下のような値を指定できます。

none ボックスのサイズ変更の可否を指定しない
both ボックスの幅と高さのサイズ変更を許可
horizontal ボックスの幅のサイズ変更を許可
vertical ボックスの高さのサイズ変更を許可
inherit 親要素の値を継承
resizeプロパティでbothを指定しており、ボックスの幅と高さのサイズ変更ができるようにしています。

リサイズを可能にする場合、その要素にはoverflowプロパティで、visible以外の値を指定する必要があり、上の例ではoverflowプロパティでautoを指定しています。

関連記事
overflowでボックスからはみ出た内容の表示方法を指定【CSS】

Leave a Comment