Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

DIMENSIONS寸法TOPCSSPropertiesDimensions

  1. heightボックス領域の高さ
  2. min-heightボックス領域の最小高さ
  3. max-heightボックス領域の最大高さ
  4. widthボックス領域の幅
  5. min-widthボックス領域の最小幅
  6. max-widthボックス領域の最大幅

max-widthボックス領域の最大幅

プロパティの値<length> | <percentage> | none | inherit
初期値none
対象要素全要素(非置換インライン要素、テーブルの列・列グループ要素を除く)
継承無効
%親ブロックの'width'値に対する割合
メディアvisual

プロパティの書式と機能

max-widthプロパティは、ボックスモデルにおけるボックス領域の最大の幅を指定します。widthプロパティでのautoと同様にボックスの幅は内包するコンテンツの量に応じて決まりますが、コンテンツが多い場合でもボックスの幅は指定した値よりも大きくなりません。コンテンツがボックスに収まらない場合は、overflowプロパティで表示方法を指定することができます。対象要素はwidthプロパティと同様にブロックレベル要素または置き換え要素である必要があり、displayプロパティのblockやinline-blockの指定とセットで使われることが多いプロパティです。

プロパティの値

max-width: <length>

ボックス領域の最大幅を<length>値で指定します。
マイナス値は不正な値として無視されます。

max-width: <percentage>

親ブロックの幅(width値)に対するコンテンツ領域の幅の割合を指定します。

max-width: none

幅に対して制限をしません。

スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.