CloseTag | الشروحات | CSS | موضع الخلفيات الصور في لغة CSS | CSS Background Origin

<!DOCTYPE html>
<html>
<head>
<title>CloseTag</title>
<style>

#box
{
  background-image:url('https://www.closetag.com/images/background.jpg');
  background-repeat: no-repeat;
  background-origin:padding-box;
  height:240px;
  width:304px;
  padding:30px;
  border:gray dashed 10px;
}
</style>
</head>
<body>

<h1>CSS background origin padding box</h1>
<p>Learn CSS background origin padding box</p>
<div id="box"></div>

</body>
</html>

​x
 
<!DOCTYPE html>
<html>
<head>
<title>CloseTag</title>
<style>
​
#box
{
  background-image:url('https://www.closetag.com/images/background.jpg');
  background-repeat: no-repeat;
  background-origin:padding-box;
  height:240px;
  width:304px;
  padding:30px;
  border:gray dashed 10px;
}
</style>
</head>
<body>
​
<h1>CSS background origin padding box</h1>
<p>Learn CSS background origin padding box</p>
<div id="box"></div>
​
</body>
</html>