HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > スタイルシート(CSS)講座インデックス > 幅・高さ
様々なブックマークサービスがご利用頂けます。

マーク青幅・高さ

CSSでは、要素が生成する範囲をボックス(Box)と言い、ボックスの内容を内容領域と言います。
■ width プロパティ
要素が生成するボックスの内容領域の 幅 を指定します。

  • auto  (内容に合わせて自動で幅を調節します。)
  • 包含ブロックの幅を基準としたパーセンテージ( % )値 
  • 単位をつけた数値
 包含ブロック
ブロック要素の最上位にあるブロック要素の内容領域を言います。
ソース  ソース
<style type="text/css">
<!--
div{ width : 300px ; background : Teal ; color : #ffffff ; font-size : 12px ; }
-->
</style>
表示  表 示

■ height プロパティ
要素が生成するボックスの内容領域の 高さ を指定します。

  • auto  (内容に合わせて自動で幅を調節します。)
  • 包含ブロックの高さを基準としたパーセンテージ( % )値 
  • 単位をつけた数値
ソース  ソース
<style type="text/css">
<!--
div{ width : 300px ; height : 50px ; background : Teal ; color : #ffffff ; font-size : 12px ; }
-->
</style>
表示  表 示

(C) いまさらHTML CSS講座 2002-2008 All right reserved