DreamweaverのCSSプロパティパネルの背景パネルオプション - DreamweaverのCSSデザイナパネルの背景パネルを使用するダミー

背景パネルを使用して、背景を表示できるWebページの要素に背景スタイル設定を使用できますスタイルの背景色や画像を指定したり、背景をページに表示する方法を制御することができます。背景を表示できるWebページの任意の要素（背景、見出し、画像タグなど）に背景スタイルの設定を使用できます。

<！ - 1 - >

たとえば、ページ全体に適用される背景設定を含むようにタグを変更するか、クラスセレクタまたはIDセレクタでスタイルを作成し、個人の背後にのみ表示される背景を指定することができますタグ。

タグのクラスまたはIDスタイルに背景を含めることで、タグが使用されている場所にのみ背景が表示されるように制限することができます。 [背景]オプションは、画像の周りに最初に余白を設定した場合にのみ、画像で機能することに注意してください。

-

これらの背景オプションから選択できます。

• 背景色： 定義されたスタイルの背景色を指定するには、いくつかの方法があります。カラーウェルをクリックして、定義済みの色を選択するか、カスタム色を作成することができます。または、スポイトを使って画面上の色をサンプリングします。最後に、16進数のカラーコードを入力できます。カラーは#000000、カラーは#ffffffのように#を含めてください。

  <！ - 3 - >

• 背景画像： スタイル定義の背景となる画像を選択します。コンピュータまたはインターネット上の画像のURLを入力するか、フォルダアイコンをクリックしてハードディスクをブラウズして画像を選択します。

• 背景の位置： 各フィールドに数字を入力して、親要素の左上および上端から背景イメージの位置を指定します。このオプションは、[背景]セクションの[URL]フィールドの横にある小さな矢印をクリックして、次に続くフィールドを表示する場合にのみ表示されます。

• サイズ： ピクセル、em、または別のオプションで測定値を選択し、背景に使用するサイズを入力します。 Sizeフィールドをauto（デフォルト）に設定すると、イメージが実際のサイズで表示されます。

• 背景クリップ： 背景が枠線、パディング、またはタグなどのボックス要素の内容を開始するかどうかを指定します。

• 背景 - リピート： 対応するアイコンをクリックして、背景イメージがどのように繰り返されるか、タイルをページの上下に繰り返すかどうかを指定します。背景画像はデフォルトでタイル表示されるので、背景を繰り返したり、繰り返しを指定したりしたくない場合は、オプションを選択する必要があります。

  画像が適用されている要素よりも大きい場合、要素の表示領域に収まるような画像だけが見えることにも注意してください。たとえば、600ピクセル幅のイメージを300ピクセル幅に設定されたタグの背景として使用すると、イメージの半分だけが表示されます。

  継承：

  • 別のオプションを選択しない限り、各要素は親要素の動作を継承します。このデフォルトオプションは指定する必要はありません。 Repeat：

  • 背景画像は、要素のバックグラウンドで縦横に繰り返される。 Repeat-X：

  • バックグラウンドは、要素のバックグラウンドで、水平方向ではなく垂直方向に繰り返されます。 Repeat-Y：

  • バックグラウンドは、要素のバックグラウンドで垂直方向に繰り返されますが、水平方向には繰り返されません。 ノーリピート：

  • 背景が要素の左上に一度表示されます。 原点：

  • 背景の原点が境界線、パディング、またはタグなどのボックス要素の内容で始まるかどうかを指定します。 添付ファイル：

• ページがスクロールされたときの背景の動作を決定します。オプションは 継承：

  • 別のオプションを選択しない限り、各要素は親要素の動作を継承します。これはデフォルトオプションであり、指定する必要はありません。 修正済み：

  • 背景は、表示領域内の1つの場所に貼り付けられたままになり、Webページがスクロールされても視界からスクロールしません。 スクロール：

  • 背景がWebページとともにスクロールします。 グラデーション：

• グラデーションの横にあるカラーウェルをクリックすると、Dreamweaverの新しいビジュアルグラデーションセレクタが開きます。