مثال
تحديد الخطوط العريضة 15px خارج حافة الحدود:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
انها محاولة لنفسك » تعريف واستخدام
الخاصية إزاحة الخطوط العريضة يضيف المسافة بين الخطوط العريضة، وعلى حافة الحدود أو عنصر.
الخطوط تختلف من الحدود بطريقتين:
- مخطط هو الخط الذي رسمته حول العناصر، خارج حافة الحدود
- والخطوط العريضة لا تأخذ مساحة
- قد يكون مخططا غير مستطيلة
| القيمة الافتراضية: | 0 |
|---|---|
| وارث: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.outlineOffset="15px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | غير معتمد | 3.5 | 3.1 | 10.5 |
CSS بناء الجملة
outline-offset:length|initial|inherit;قيم الملكية
| القيمة | وصف |
|---|---|
| length | المسافة المخطط هو البداية من على حافة الحدود. القيمة الافتراضية هي 0 |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: CSS3 واجهة المستخدم
HTML DOM المرجع outlineOffset property