mozilla
Your Search Results

    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: shuuji3, ethertank, teoli
    最終更新者: shuuji3,
    サイドバーを隠す