Style maxWidth 属性

定義と使用方法

maxWidth 属性は要素の最大幅を設定または返します。

maxWidth 属性はブロック要素や絶対または固定位置の要素に対してのみ有効です。

注釈：要素の幅は常にこの値を超えません。 maxWidth 属性で定義された値です。

ヒント：要素の最小幅を設定または返すには、 minWidth 属性。

参照してください：

CSS チュートリアル：CSS Dimension

CSS リファレンスマニュアル：max-width 属性

例

例 1

<div>要素の最大幅を設定します：

document.getElementById("myDiv").style.maxWidth = "100px";

自分で試してみてください

例 2

<div>要素の最大幅を返します：

alert(document.getElementById("myDiv").style.maxWidth);

自分で試してみてください

文法

maxWidth 属性を返す：

object.style.maxWidth

maxWidth 属性を設定する：

object.style.maxWidth = "none|length|%|initial|inherit"

属性値

値 説明
none 要素の幅に制限はありません。デフォルト。
length 長さ単位で最大幅を定義します。
% 親要素の百分率で最大幅を定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： なし
返り値： 文字列、要素の最大幅を表す。
CSS バージョン： CSS2

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート