English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
outline-style CSS属性设置元素轮廓的样式。但是，在工作中,我们更偏向于使用عرض这个简写属性。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | لا شيء |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS 2、3 |
| JavaScript语法： | object.style.outlineStyle="dotted" |
属性的语法如下：
outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خاصية outline-style.
p {
outline-style: double;
outline-width: 5px;
}اختبار ل‹/›يصف الجدول أدناه قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| لا شيء | لا يظهر العرض. هذا هو القيمة الافتراضية. |
| مقطوع | يظهر العرض كسلسلة من النقاط. |
| مكسور | يظهر العرض كسلسلة من الخطوط القصيرة، وهي نقط السطر. |
| متماسك | يظهر العرض كخط عمودي واحد. |
| مزدوج | يظهر العرض كخطين متوازيين من الخطوط العمودية، مع وجود مسافة بينهما. مجموع الخطين وبينهما يساويعرض العرضالقيمة. |
| الجرف | يظهر العرض الذي يتم نقشه في اللوحة. يمنح هذا أيضًا انطباعًا ثلاثي الأبعاد، وغالبًا ما يتم تحقيقه من خلال إنشاء ظلال بلونين، والتي تكون أكثر إشراقًا وأغمق منلون العرضلون العرض قليلاً أكثر إشراقًا وأغمق. |
| الجرف | يظهر العرض الداخلي الذي يكون عكسياً في التأثير. يمنح هذا أيضًا انطباعًا ثلاثي الأبعاد، حيث يبدو العرض وكأنه يخرج من اللوحة. |
| الداخلي | يظهر العرض الذي يجعل مربع العنصر يبدو وكأنه مدمج في اللوحة. يمنح هذا أيضًا انطباعًا ثلاثي الأبعاد، وغالبًا ما يتم تحقيقه من خلال إنشاء ظلال بلونين، والتي تكون أكثر إشراقًا وأغمق منلون العرضلون العرض قليلاً أكثر إشراقًا وأغمق. |
| الخارجي | يظهر العرض الداخلي الذي يكون عكسياً في التأثير. يمنح هذا أيضًا انطباعًا ثلاثي الأبعاد، حيث يجعل العرض يبدو وكأنه يخرج من اللوحة. |
| الافتراضي | أعاد هذه الخاصية إلى قيمتها الافتراضية. |
| توريث | إذا تم تحديد، فإن العنصر المرتبط يستخدم نفس قيمة خاصية outline-style للعنصر الأب. |
توافق متصفحات outline-style، الأرقام في الجدول التالي تعكس إصدار أحدث متصفح يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.
|
تحذير: لا يدعم متصفح Internet Explorer 7 وأحدث إصداراته الخاصية outline-style. يدعم IE8 هذه الخاصية، لكنه يحتاج إلى<!DOCTYPE>。
يرجى الرجوع إلى الدروس المتعلقة بما يلي:محدود CSS،حاشية CSS。