Hintergrund
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n
英[ˈɒrɪdʒɪn]美[ ˈɔ:rɪdʒɪn]
n Ursprung; Ursprung; Wurzel [Lösung] (Sehne, Nerv) Ausgangspunkt
CSS3-Hintergrund-Origin-Eigenschaft Syntax
Funktion: Geben Sie den Positionierungsbereich des Hintergrundbilds an.
Beschreibung: Legen Sie den Referenzursprung (Position) fest, wenn Sie <'Hintergrundposition'> berechnen. Das Attribut „background-origin“ in
css3 wird verwendet, um den Positionierungsbereich des Hintergrundbilds festzulegen. Es verfügt über drei Werte, die die Positionierung relativ zum inneren Randfeld, die Positionierung relativ zum Randfeld und die Positionierung relativ zum Feld angeben Inhaltsfeld.
CSS3-Hintergrund-Origin-Eigenschaft Beispiel
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:1px solid black;
padding:35px;
background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>
<p>background-origin:border-box:</p>
<div id="div1">
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
<p>background-origin:content-box:</p>
<div id="div2">
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen