CSS簡易リファレンス − 幅・高さ関連

幅・高さ関連のCSSの解説



CSSレイアウト実践講座


CSS簡易リファレンス − 幅・高さ関連


width − 横幅のサイズを指定します。


widthは、横幅のサイズを指定するプロパティです。DIVタグ、IMGタグ、TABLEタグなど様々なサイズを指定できます。CSSレイアウトでは、この幅の取り方もポイントになってきます。

widthの値
  • **px、***%
    指定する範囲の幅をピクセル数もしくはパーセンテージで指定します。

HTMLの記述例
<div style="background:#ffcccc;width:200px;">幅200pxで指定</div>

ブラウザでの表示例
幅200pxで指定

height − 縦幅のサイズを指定する


heightは、縦幅のサイズを指定するプロパティです。レイアウト上ではあまり使用しませんが、IMGタグのサイズ設定には頻繁に使用します。
clearの値
  • **px、***%
    指定する範囲の幅をピクセル数もしくはパーセンテージで指定します。。

HTMLの記述例
<div style="background:#ffcccc;height:50px;">縦幅50pxで指定</div>

ブラウザでの表示例
縦幅50pxで指定








Copyright 2005-2008 CSSレイアウト実践講座 All Rights Reserved. Since 2005.8.19.
[SEO対策用検索エンジン]UKALINKS