CSS スタイルの背景プロパティの定義

[CSS ルール定義] ダイアログボックスの [背景] カテゴリを使用して、CSS スタイルの背景設定を定義します。背景プロパティは、Web ページの任意のエレメントに適用できます。たとえば、テキスト、テーブル、ページなどのページエレメントの背後に背景色や背景イメージを追加するスタイルを作成できます。また、背景イメージの位置も設定できます。詳細については、CSS を使用したテキストのフォーマットおよび CSS ルールの編集を参照してください。

背景の設定を定義するには :

  1. [CSS スタイル] パネルが開いていない場合は、Shift+F11 キーを押して開きます。
  2. 以下のいずれかの操作を実行して [CSS ルール定義] ダイアログボックスを開きます。
  3. [CSS ルール定義] ダイアログボックスで [背景] を選択し、必要なスタイル属性を設定します。

    以下の属性は、このスタイルにおいて重要でない場合は空白にしておきます。

    [背景色] では、エレメントの背景色を指定します。背景色属性は、両方のブラウザでサポートされています。

    [背景イメージ] では、エレメントの背景イメージを指定します。背景イメージ属性は、両方のブラウザでサポートされています。

    [繰り返し] では、背景イメージの繰り返しの有無と、繰り返しの方法を指定します。繰り返し属性は、両方のブラウザでサポートされています。

    [リピートなし] を選択すると、イメージはエレメントの開始位置に 1 回表示されます。

    [リピート] を選択すると、エレメントの背後にイメージが水平および垂直方向にタイル状に表示されます。

    [X 軸にリピート] または [Y 軸にリピート] を選択すると、イメージが水平または垂直方向に帯状に表示されます。イメージは、エレメントの境界内に収まるように切り抜かれます。

    [添付] では、背景イメージを元の場所に固定するか、コンテンツと共にスクロールするかを指定します。ブラウザによっては、[固定] オプションを指定しても [スクロール] と同様に処理されることがあります。この属性は Internet Explorer ではサポートされていますが、Netscape Navigator ではサポートされていません。

    [水平位置] および [垂直位置] では、背景イメージを最初に配置する位置を、エレメントを基準として指定します。このオプションを使用して、背景イメージをページの縦方向中央および横方向中央に揃えることができます。添付プロパティが [固定] の場合は、この位置はエレメントではなくドキュメントウィンドウが基準になります。この属性は Internet Explorer ではサポートされていますが、Netscape Navigator ではサポートされていません。

  4. オプションの設定が終了したら、パネルの左側で別の CSS カテゴリを選択してさらにスタイル属性を設定するか、[OK] をクリックします。