latar belakang
英[?b?kgra?nd] 美[?b?k?ɡra?nd] n.英[? ?r?d??n]美[ ??:r?d??n]
n. Asal; [nombor] asal, titik mula [penyelesaian] (tendon, saraf)
jamak: asal usul
Bagaimana untuk menggunakan atribut asal latar belakang? Atribut asal latar belakang digunakan untuk menetapkan kawasan kedudukan imej latar belakang. Sintaks: latar belakang-asal: padding-box|border-box|content-box; Tiga nilai atribut mewakili masing-masing: kedudukan relatif kepada kotak padding, kedudukan relatif kepada kotak sempadan dan kedudukan relatif kepada kotak kandungan. Fungsi: Menentukan kedudukan relatif kepada kedudukan atribut kedudukan latar belakang. Sintaks: latar belakang-asal: padding-box|border-box|content-box; Penerangan: padding-box Imej latar belakang diletakkan relatif kepada kotak padding. kotak sempadan Imej latar belakang diletakkan relatif kepada kotak sempadan. kotak kandungan Imej latar belakang diletakkan secara relatif kepada kotak kandungan.? Nota: Jika atribut lampiran latar belakang imej latar belakang "ditetapkan", atribut ini tidak mempunyai kesan. Klik butang "Run Instance" untuk melihat instance dalam taliancss background-origin property sintaks
css background-origin property contoh
<!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>
Run Instance ?