HOME > スタイルシートリファレンス [ABC順 / 目的別] > 横幅 & 高さ
横幅 & 高さ
width : 横幅を指定 (max-width / min-width : 横幅の最大値 / 最小値を指定)
height : 高さを指定 (max-height / min-height : 高さの最大値 / 最小値を指定)
内容領域の横幅を指定
width: 〜横幅〜 ;
- 横幅を指定できる。
- <DIV>、<TABLE>、<TD>、<IMG>、<INPUT>、<TEXTAREA> などの領域の横幅をはっきりと指定したいときによく使う。
- 標準モードと互換モードでは、横幅の扱いが少し異なるので注意。
- 数値(単位必須) / % (親要素に対しての割合) / auto (自動設定 デフォルト)
max-width: 〜横幅の最大値〜 ;
min-width: 〜横幅の最小値〜 ;
- 横幅の最大値 / 横幅の最小値 を指定できる。 [NN6〜のみ]
- 数値(単位必須) / % (親要素に対しての割合) / none (制限なし デフォルト)
cssソース
INPUT,TEXTAREA {width:300px;
background-color:#FFFFFF;color:#FF9900;
border-top:1px solid #FF9900;
border-right:1px solid #FF9900;
border-bottom:1px solid #FF9900;
border-left:1px solid #FF9900;}
HTMLソース
<FORM action="cgi-bin/xxx.cgi" method="post"> <TEXTAREA name="kansou" rows="6" cols="30" ></TEXTAREA><BR> <INPUT type="submit" value="送信"> </FORM>