2010年03月22日

backgroundプロパティ 背景関連のプロパティ値をまとめて設定します

スポンサード リンク

background
背景色や背景画像(画像ファイル、繰り返し、スクロール、位置)を一括して指定するプロパティです。

  スタイルシート
 background プロパティ は
 background-color
 background-image
 background-repeat
 background-attachment
 background-position
 の値をひとまとめにして設定します。
..
..
..

今のブログで満足ですか?
FC2レンタルサーバーLiteでホームページを作る!

サンプルソース

<html>
<head>
<title>背景に関連するプロパティを一括設定 css</title>
<style type="text/css">
<!--
 #div22{
  color: #3300ff; /* 文字色 */
  width: 420px; /* ボックスの幅 */
  height: 110px; /* 高さ */
  border: 1px solid green; /* ボーダーの幅,スタイル,色 */
  overflow: auto; /* 内容が溢れたらスクロールバーが付く */
  background: #ece8ff url(/sakana.jpg) repeat-y top right scroll;
     }
-->
</style>
</head>
<body>
  <div id="div22">
    <p>
    スタイルシート<br>
    background プロパティ は<br>
    ...スクロールバーが付くまで文字を書く............
    </p>
  </div>
</body>
</html>

background: #ece8ff url(/sakana.jpg) repeat-y top right scroll;
背景色  画像ファイル名  並び方"垂直"  位置"右上"  固定表示"スクロール"
順に書いていますが、どのような順に記述してもOKです。
それぞれの値は半角スペースで区切ります。
省略すれば、そのプロパティの初期値が入ります。

background-color 背景色 color 文字色
背景画像 固定 background-attachment プロパティ
背景画像の配置 background-positionプロパティ
背景画像の繰り返し background-repeat プロパティ
背景画像を付ける background-imageプロパティ
さくらのレンタルサーバ スタンダード
無料レンタルカウンター「デジデジ」
ロリポップ!なら初心者でも安心!
ホームページ簡単作成 「ホムペロリ!」、「woopa!」
CGI簡単設置 「CGI CANDYBOX!」が無料で使えます!!

posted by javaScript at 15:13 | 大阪 | 背景 背景画像 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。