CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSマルチバックグラウンドプロパティ


CSSマルチバックグラウンドプロパティは、HTMLコードなしで一度に1つ以上の画像を追加するために使用されます。要件に応じて画像を追加できます。

マルチ背景画像の構文例は次のとおりです-

#multibackground {
   background-image: url(/css/images/logo.png), url(/css/images/border.png);
   background-position: left top, left top;
   background-repeat: no-repeat, repeat;
   padding: 75px;
}
以下は値です-

S.no
値と説明
1。 背景
1つのセクションにすべての背景画像のプロパティを設定するために使用されます
2。 background-clip
背景のペイント領域を宣言するために使用されます
3。 background-image
背景画像を指定するために使用されます
4。 background-origin
背景画像の位置を指定するために使用されます
5。 background-size
背景画像のサイズを指定するために使用されます

  1. CSS空白プロパティ

    空白プロパティを使用して、要素内の空白を操作します: 例 <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {             white-space: normal;          }         &nbs

  2. CSSのBackgroundShorthandプロパティ

    CSS背景省略形プロパティは、要素の背景を定義するために使用されます。 background-color、background-image、background-repeat、background-position、background-clip、background-size、background-origin、background-attachmentが一緒になって、CSSの背景プロパティを構成します。 構文 CSSバックグラウンドプロパティの構文は次のとおりです- Selector {    background: /*value*/ } 例 次の例は、CSSの背