背景起源の背景画像の位置

文法

background-origin: padding-box|border-box|content-box;

background-Origin属性指定background-position属性应该是相对位置。

注意如果背景图像background-attachment是"固定"，这个属性没有任何效果。

padding-box	背景图像填充框的相对位置
border-box	背景图像边界框的相对位置
content-box	背景图像的相对位置的内容框

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>图像定位</ TITLE> 
    <スタイル> 
    のdiv { 
        ボーダー：40ピクセル固体RGBA（0,233,0、 0.4） 。
        パディング：40ピクセル ; 
        背景画像：のURL（ "ym.jpg"） ; 
        背景リピート：なしリピート ;
        / * 背景の位置：左; * / 
        背景サイズ：100％、100％ ; 
    } 
    。ボーダーボックス。
        幅：200pxの。
        高さ：300ピクセル ;    
    } 
    .box2 { 
        背景起源：コンテンツボックス。
        幅：200pxの。
        高さ：300ピクセル ; 
    } 
    .box3 { 
        背景起源：パディングボックス。
        幅：200pxの。
        高さ：300ピクセル ; 
    } 
    、P { 
        色：ゴールド ; 
        フォントサイズ：20ピクセル ; 

    } 

    </スタイル> 
</ head> 
<body> 
    <DIV CLASS = "BOX1"> 
        <P>背景起源：ボーダー・ボックス、背景画像が境界に対して位置決めされます。
        </ P> 
    </ div> 
    <br>ログイン
    <DIV CLASS = "BOX2"> 
        <P>背景起源：コンテンツ・ボックス、背景画像は、コンテンツに対して位置決めされます。
        </ P> 
    </ div> 
    <br>ログイン
    <DIV CLASS = "BOX3"> 
        <P>背景起源：パディングボックス、背景画像がパディングに対して位置決めされます。
        </ P> 
    </ div> 
<

背景起源の背景画像の位置

文法

background-origin: padding-box|border-box|content-box;

ボーダー場所：

コンテンツを検索するためによると：

よるとパディングの位置：

おすすめ