ﺪﻨﮐ ﯽﻣ ﻪﻓﺎﺿﺍ ﺎﻀﻓ outline-offset ﯽﮔﮋﯾﻭ
:ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﻪﯿﺷﺎﺣ ﻪﺒﻟ ﺯﺍ ﺝﺭﺎﺧ ﺭﺩ ﺍﺭ ﯽﻠﺴﮑﯿﭘ 15 ﯽﻠﮐ ﺡﺮﻃ ﮏﯾ ﺮﯾﺯ ﻝﺎﺜﻣ
This paragraph has an outline 15px outside the border edge.
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline 15px outside the border edge.</p>
</body>
</html>
ﺩﺭﺍﺩ ﺩﻮﺟﻭ ﻥﺁ ﯽﻠﮐ ﺡﺮﻃ ﻭ ﺮﺼﻨﻋ ﮏﯾ ﻦﯿﺑ ﯼﺎﻀﻓ ﻪﮐ ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﺮﯾﺯ ﻝﺎﺜﻣ
This paragraph has an outline of 15px outside the border edge.
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
background:yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline of 15px outside the border edge.</p>
</body>
</html>
ﻭ ،ﯽﻠﮐ ﺡﺮﻃ ،ﺽﺮﻋ ﯽﻠﮐ ﺡﺮﻃ ﻢﯿﻈﻨﺗ ﯼﺍﺮﺑ ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﮏﯾ
ﺪﻨﮐ ﯽﻣ ﻦﯿﯿﻌﺗ ﺍﺭ ﯽﻠﮐ ﺡﺮﻃ ﮓﻧﺭ
ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﺮﺼﻨﻋ ﮏﯾ ﻪﯿﺷﺎﺣ ﺎﯾ ﻪﺒﻟ ﻭ ﯽﻠﮐ ﺡﺮﻃ ﻦﯿﺑ ﻪﻠﺻﺎﻓ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ ﯽﻠﮐ ﺡﺮﻃ ﮏﯾ ﮏﺒﺳ
ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ ﯽﻠﮐ ﺡﺮﻃ ﮏﯾ ﺽﺮﻋ