02.03.2017 Views

CSS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

مبحث دهم:‏ outline<br />

Outline ها به دور حاشیه ها کشیده میشوند و در حقیقت یک حاشیه دیگر را برای تگ بوجود<br />

میآورد.‏ تفاوت outline ها با حاشیه ها در این است که outline ها برخالف حاشیه ها،‏ فضای که<br />

اشغال میکنند جزء فضای تگ محسوب نمیشود و در صورتی که مقادیر که این قاعده میپذیرد<br />

برابر به<br />

transparent<br />

باشد در این حالت برای حاشیه تگ،‏ رنگی که در نظر گرفته نمیشود اما<br />

همچنان فضایی را به میزان<br />

مقدار border-width که برای تگ تعیین شده است اشغال میکند.‏<br />

نکته:‏ قبل از اینکه وارد بحث<br />

outline شویم این نکته را بیاد داشته باشید که شما نمیتوانید به<br />

حاشیه ای خاص خاصیت Outline را اعمال کنید.‏ یعنی زمانی که شما از خاصیت Outline<br />

استفاده میکنید،‏ باالی حاشیه های هر چهار سمت تگ اعمال میگردد.‏<br />

خاصیت outline<br />

دارای مقادیر زیر است:‏<br />

:Outline-color<br />

:Outline-style<br />

این مقدار رنگ outline را که بدور حاشیه کشیده میشود تعیین مینمایید.‏<br />

این مقدار طرح و دیزاین<br />

outline<br />

را که بدور حاشیه کشیده میشود را تعیین<br />

<br />

<br />

میکند.‏ و تمام طرح ها و مقادیر که در<br />

نماید.‏<br />

border –style<br />

بود میتوانید در اینجا نیز استفاده<br />

:Outline-width<br />

این مقدار پهنای<br />

outline<br />

:Outline<br />

را که به دور حاشیه کشیده میشود تعیین میکند.‏<br />

این مقدار شکل میانبری برای سه قاعده باال است و باید به صورت زیر مقدار<br />

<br />

<br />

دهی شود.‏<br />

آموزش کاربردی <strong>CSS</strong>3<br />

Outline: { [outline-width] [outline-style] [outline-color] | inherit};<br />

90<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!