最新のWeb開発のチュートリアル
 

Style maxWidth Property

<スタイルオブジェクト

最大幅を設定<div>要素を:

document.getElementById("myDiv").style.maxWidth = "100px";
»それを自分で試してみてください

定義と使用法

maxWidthプロパティセットまたは要素の最大幅を返します。

maxWidthプロパティは、ブロックレベル要素または絶対的または固定された位置を有する要素に影響を与えます。

Note:要素の幅がmaxWidthにプロパティで指定した値よりも大きくなることはありません。

ヒント:設定または要素の最小幅を返すためには、使用するminWidthプロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

maxWidthプロパティは、すべての主要なブラウザでサポートされています。


構文

maxWidthプロパティを返します:

object .style.maxWidth

maxWidthプロパティを設定します。

object .style.maxWidth="none| プロパティ値
説明
none 要素の幅に制限はありません。 これがデフォルトです
length 長さの単位での最大幅を規定します
% 親要素の%で最大幅を定義します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

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

その他の例

最大幅返し<div>要素を:

alert(document.getElementById("myDiv").style.maxWidth);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS寸法

CSSリファレンス: max-width property


<スタイルオブジェクト