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