ボックスのサイズ変更を可能にする
resizeプロパティにてボックスのサイズ変更を、ユーザー(閲覧側)で可能にすることができます。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、
.resize_01 { width:300px; height:200px; overflow:auto; resize:both; background-color:#EEE; }
変更を可能するにはresizeプロパティの使用と併せて、
overflowプロパティの値がvisible以外になっている必要があります。
またresizeプロパティの値をhorizontalだと横幅、
verticalだと高さのみの変更となります。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、
.resize_02 { width:300px; height:200px; overflow:auto; resize:horizontal; background-color:#00ced1; }
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、
.resize_03 { width:300px; height:200px; overflow:auto; resize:vertical; background-color:#98fb98; }
※なおresieプロパティはIEでは対応していないのでご注意を。