css background-origin property
Hasil terjemahan:
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 propertysintaks
css background-origin propertycontoh
<!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 »Cadangan popular