CSS背景プロパティの使い方

silencement
リリース: 2022-05-27 16:47:54
オリジナル
4231 人が閲覧しました

Background は略語属性です。背景色、背景位置、背景サイズ、背景のタイリング方法、背景画像などのスタイルを 1 つのステートメントで設定できます。構文は「background: カラー画像の位置/サイズのタイリング」です。メソッド bg -origin 描画領域 bg-attachment;"。

CSS背景プロパティの使い方

#css 背景プロパティの定義と使用法

Background 省略表現プロパティは、1 つのステートメントですべての背景を設定します。 プロパティ:

  • 背景色

  • 背景位置

  • ##背景サイズ
  • background-repeat
  • background-origin
  • background-clip
  • # #background-attachment
  • ##background-image
  • # 構文:
  • background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment ;
    ログイン後にコピー

場合いずれの値も設定しなくても問題ありません(例:background:#ff0000 url('smiley.gif');)。 CSS背景プロパティの使い方

この属性は古いブラウザでより適切にサポートされ、入力する文字数が少なくなるため、個々の属性を個別に使用するのではなく、この属性を使用することを一般的にお勧めします。

CSS背景プロパティの使い方

すべての背景プロパティを 1 つのステートメントで設定する方法

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }
ログイン後にコピー

ブラウザのサポート

すべてのブラウザは背景属性をサポートしています。

注: IE8 以前のブラウザは、1 つの要素に対する複数の背景画像をサポートしていません。

注: IE7 以前のブラウザは「継承」をサポートしていません。 IE8 には !DOCTYPE が必要です。 IE9では「継承」がサポートされています。

以上がCSS背景プロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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