mozilla

max-width

This translation is incomplete. Please help translate this article from English.

概要

max-width は要素に与えられる幅の上限を指定する為に用いる CSS プロパティです。このプロパティは、 width プロパティの値が max-width で指定された値より大きくなることを防ぎます。

  • 初期値 none
  • 適用対象 ブロックレベル要素及び置換要素。 for <table> see Browser compatibility below
  • 継承 継承しない
  • 相対値の基準 包含ブロックの幅
  • メディア visual
  • 計算値 none指定した相対値、絶対的の <長さ>、"none" の何れか

構文

max-width:  <length> | <percentage> | none | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

none
要素幅に上限値を設定しない事を示す指定
絶対値
指定可能な単位については <length> を参照して下さい。
相対値
<割合> のブロック幅を指定

Mozilla Extensions

-moz-max-content
The intrinsic preferred width.
-moz-min-content
The intrinsic minimum width.
-moz-available
The containing block width minus horizontal margin, border and padding.
-moz-fit-content
-moz-max-content と同じもの

body  { max-width: 40em; }

table { max-width: 75%; }

form  { max-width: none; }
p { background: gold }

The Mozilla community produces a lot of great software.

p {
  background: lightgreen;
  max-width:  intrinsic;         /* Safari/WebKit */
  max-width:  -moz-max-content;  /* Firefox/Gecko */
}

The Mozilla community produces a lot of great software.

p { background: lightblue; max-width: -moz-min-content; }

The Mozilla community produces a lot of great software.

注意

max-widthwidth より優先されますが、min-widthmax-width より優先されます。

仕様

ブラウザ毎の互換性

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.0) 7.0 4.0 2.0.2 (416),
buggy before
<table> 要素への適用 不可 不可 不可
intrinsic width 1.0 3.0 (1.9) 未サポート 未サポート 2.0 (412) ?
intrinsic -moz-max-content intrinsic
intrinsic minimum width 未サポート 3.0 (1.9) 未サポート 未サポート 未サポート
-moz-min-content
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?

参照

ドキュメントのタグと貢献者

Contributors to this page: teoli, ethertank, shuuji3
最終更新者: shuuji3,
サイドバーを隠す