ﺩﺮﮐ ﺺﺨﺸﻣ ﺎﺠﮑﯾ ﺕﺭﻮﺻ ﻪﺑ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻡﺎﻤﺗ ﻥﺍﻮﺗ ﯽﻣ ﻦﯿﻨﭽﻤﻫ ،ﺪﮐ ﻥﺩﺮﮐ ﻩﺎﺗﻮﮐ
:ﻦﺘﺷﻮﻧ ﯼﺎﺟ ﻪﺑ
body {
background-color: #ffffff;
background-image:
url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}:ﺪﯿﻨﮐ ﻩﺩﺎﻔﺘﺳﺍ ﻪﻨﯿﻣﺯ ﺲﭘ<"code class="w3-codespan> ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﺯﺍ ﺪﯿﻧﺍﻮﺗ
ﺪﯿﻨﮐ ﻩﺩﺎﻔﺘﺳﺍ ﺪﺣﺍﻭ ﮏﯾ ﺭﺩ ﻪﻨﯿﻣﺯ ﺲﭘ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻢﯿﻈﻨﺗ ﯼﺍﺮﺑ ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﺯﺍ
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
body {
background: #ffffff url("img_tree.png") no-repeat right top;
margin-right: 200px;
}
</style>
</head>
<body>
<h1>The background Property</h1>
<p>The background property is a shorthand property for specifying all the background properties in one declaration.</p>
<p>Here, the background image is only shown once, and it is also positioned in the top-right corner.</p>
<p>We have also added a right margin, so that the text will not write over the background image.</p>
</body>
</html>
:ﺖﺳﺍ ﺮﯾﺯ ﺕﺭﻮﺻ ﻪﺑ ﺎﻫ ﯽﮔﮋﯾﻭ ﺮﯾﺩﺎﻘﻣ ﺐﯿﺗﺮﺗ ،ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﻡﺎﮕﻨﻫ
color-background
ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ
background-repeat
ﺖﺳﻮﯿﭘ-background
background-position
ﻪﮐ ﯽﻧﺎﻣﺯ ﺎﺗ ،ﺪﺷﺎﺑ ﻩﺪﺷ ﻢﮔ ﯽﮔﮋﯾﻭ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﯽﮑﯾ ﻪﮐ ﺖﺴﯿﻧ ﻢﻬﻣ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﻥﻼﻋﺍ ﮏﯾ ﺭﺩ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻡﺎﻤﺗ
ﺩﻮﺷ ﺶﯾﺎﻤﯿﭘ ﻪﺤﻔﺻ ﻪﯿﻘﺑ ﺎﺑ ﺎﯾ ﺪﺷﺎﺑ ﺖﺑﺎﺛ ﻪﻨﯿﻣﺯﺲﭘ ﺮﯾﻮﺼﺗ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐﯽﻣ ﻢﯿﻈﻨ
ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﯽﺷﺎﻘﻧ ﻪﯿﺣﺎﻧ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ ﺮﺼﻨﻋ ﮏﯾ ﻪﻨﯿﻣﺯ ﺲﭘ ﮓﻧﺭ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺮﺼﻨﻋ ﮏﯾ ﯼﺍﺮﺑ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ
ﺪﻧﺮﯿﮔﯽﻣ ﺭﺍﺮﻗ ﺎﺠﮐ ﺭﺩ ﻪﻨﯿﻣﺯﺲﭘ (ﯼﺎﻫ)ﺮﯾﻮﺼﺗ ﻪﮐ ﺪﻨﮐﯽﻣ ﺺﺨﺸﻣ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ ﮏﯾ ﻉﻭﺮﺷ ﺖﯿﻌﻗﻮﻣ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﺮﯾﻮﺼﺗ ﮏﯾ ﺭﺍﺮﮑﺗ ﻩﻮﺤﻧ
ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ (ﯼﺎﻫ)ﺮﯾﻮﺼﺗ ﻩﺯﺍﺪﻧﺍ