*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > max-width
max-width  幅高 

幅の最大値を指定する。

X B! FB LINE

書式

(例) max-width:50px;

パラメーター

数値で指定
　数値にpxなどの単位をつけて指定。
%で指定
　親ブロックとの割合を%で指定。

サンプルコード(max-width:50px)

<div style="background-color:#f0f0ff;max-width:50px;">あいうえお</div>
<div style="background-color:#f0f0ff;max-width:50px;">あいうえおかきくけこさしすせそたちつてと</div>
あいうえお
あいうえおかきくけこさしすせそたちつてと

フォーム部品

<input type="text" style="max-width:30px;" value="入力できます。" />
<input type="button" style="max-width:90px;" value="ボタンです。" />