CSS 背景色、画像背景画像

WBOY
リリース: 2016-11-30 23:59:39
オリジナル
1672 人が閲覧しました

背景色、背景色


構文:

背景色:

デフォルト値: transparent 透明

適用対象 : すべての要素

Inherスタンス : なし

アニメーション : あり

計算値 : 指定された値

値:

: 色を指定します。

説明:

オブジェクトの背景色を設定または取得します。

  • 背景色と背景画像の両方が定義されている場合、背景画像は背景色にオーバーレイされます。
  • が設定されている場合は、背景画像が非表示のときにテキストの色とのコントラストを維持するために、 を設定することもお勧めします。
  • 対応するスクリプト機能は backgroundColor です。

background-image


構文:

ground-image :& lt;bg-image> [ ,

= なし

デフォルト値: なし

適用対象: すべての要素 継承

: なし: いいえ

計算値: 指定された値 Value:

none: 背景画像なし。

: 絶対アドレスまたは相対アドレスを使用するか、グラデーションカラーを作成して画像を識別します。

説明:
オブジェクトの背景画像を設定または取得します。

<「background-image」> が設定されている場合は、背景画像が非表示のときにテキストの色との一定のコントラストを維持するために、「background-color」を設定することもお勧めします。 複数の背景画像が定義されており、背景画像間に重複がある場合、前に書かれた画像は後ろに書かれた画像の上に重ねられます。 対応するスクリプト機能は

    backgroundImage
  • です。
  • background-image : url(“http://static.criteo.net/flash/icon/nai_small.png”) // 完全な URL パス

background-image : url(“/flash/icon”); ” /nai_small.png"); // ルートパス

background-image : url("../nai_small.png") ; // CSS ファイルへの相対パス

background-image : url(../nai_small. png) ; //引用符なし

background-image : url('../nai_small.png') ; // 一重引用符

背景の繰り返しbackground-repeat

背景リピート:<リピートスタイル>


<リピートスタイル>

[リピートなし |値の計算

: 値を指定します

Value: repeat-x: 背景画像を水平方向に並べて表示します

repeat-y: 背景画像を垂直方向に並べて表示します repeat: 背景画像を水平方向と垂直方向に並べて表示します no-repeat : 背景画像はタイル化されません round: 背景画像はコンテナ全体に収まるまで自動的に拡大縮小されます。 (CSS3) スペース: 背景画像が同じ間隔でタイル状に並べられ、コンテナ全体または特定の方向を埋めます。 (CSS3) 説明:

オブジェクトの背景画像のレイアウト方法と塗りつぶし方法を設定または取得します。 <「background-image」属性を最初に指定する必要があります。 2 つのパラメータを指定できるようにします。2 つのパラメータをすべて指定すると、最初のパラメータは横向きに使用され、2 番目のパラメータは縦向きに使用されます。 パラメータが 1 つだけ指定されている場合、それは風景とポートレートに使用されます。 特別な値repeat-xとrepeat-yを除き、repeat-xはrepeat no-repeatと同等、repeat-yはno-repeatrepeatと同等であるため、repeat-xとrepeat-yは値

は、スクリプト プロパティ backgroundRepeat

に対応します。

コンテンツの背景添付ファイルに合わせて背景がスクロールします

構文:

background-attachment: , = 固定 |

local デフォルト値 :

スクロール 適用先 : すべての要素

継承 : なし

アニメーション : いいえ

計算値 : 指定された値

値:

fixed: 背景画像は相対的に固定されます

フォーム
scroll: 背景画像は 要素 に対して固定されます。つまり、背景画像は常に要素自体に従うため、要素のコンテンツがスクロールしても背景画像はスクロールしません。ただし、要素の祖先要素またはフォームとともにスクロールします。
ローカル: 背景画像は要素コンテンツに対して固定されます。つまり、背景画像は常にコンテンツに追従するため、要素が要素とともにスクロールすると、背景画像もスクロールします。 (CSS3)
説明:

背景画像がオブジェクトのコンテンツとともにスクロールするか、固定されているかを設定または取得します。 <「background-image」属性を最初に指定する必要があります。

対応するスクリプト機能は backgroundAttachment

    です。
りー

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート