resize CSS プロパティとは
トピック：要素によってユーザーがサイズ変更できるかどうかを指定する 要素のリサイズの制御する事ができる resizeプロパティは、インライン要素には適用されず、overflow="visible"の要素はブロックされていない オーバーフローがスクロール、自動、または非表示に設定されていることを確認
プロパティ resize
実例 コード 1
サンプル コードを試すtextarea { resize: none;}div { resize: both; overflow: auto;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | none |
|---|
| 適用対象 : | 可視ではない画像または動画を表すoverflow持つ要素以外、または要素を置き換えたiframe要素 |
|---|
| 継承 : | 不可 |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS3 |
|---|
| アニメーションの種類 : | 個別 アニメーション可能なプロパティ 一覧 |
|---|
| JavaScript 構文 | object.style.resize="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | resize: none | both | horizontal | vertical | initial | inherit; |
|---|
プロパティ値
| 値 | 説明 |
none | ユーザーは要素のサイズを変更することができない これはデフォルト値です。 |
both | ユーザーは要素の高さと幅の両方のサイズを変更することができる |
horizontal | ユーザーは要素の幅を変更することができる |
vertical | ユーザーは要素の高さを変更することができる |
inherit | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Chrome | Firefox | Internet Explorer | Opera | Safari (WebKit) |
|---|
基本サポート (<textarea>) | 1.0 | 4.0 (2.0)-moz | サポートなし✖ | 12.1 | 3.0 (522) |
|---|
ブロックレベル要素、置換要素、テーブルセル、インラインブロックに対する適用（※overflow に visible が指定されている要素は不可） | 4.0 | 5.0 (5.0)[1] | サポートなし✖ | 15 | 4.0 |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Android | Firefox Mobile | IE Phone | Opera Mobile | Safari Mobile |
|---|
基本サポート (<textarea>) | 不明 | 不明 | 不明 | 不明 | 不明 |
|---|
ブロックレベル要素、置換要素、テーブルセル、インラインブロックに対する適用（※overflow に visible が指定されている要素は不可） | 不明 | 不明 | 不明 | 不明 | 不明 |
|---|
CSS resize | CSS プロパティ 値| 意味 使い方 実例 – WebRef