ویژگی outline-offset CSS
- صف قبل outline-color
- صفحه بعدی outline-style
تعریف و استفاده
ویژگی outline-offset پروفایل را جابجا کرده و در کناره لبه‌ها ترسیم می‌کند.
پروفایل در دو جنبه با لبه‌ها متفاوت است:
- پروفایل فضا را اشغال نمی‌کند
- پروفایل ممکن است غیرمستطیل باشد
لطفاً به:
آموزش CSS:رابط کاربری CSS
دستورالعمل مرجع HTML DOM:ویژگی outlineOffset
مثال
تعریف لبه‌های پروفایل در 15 پیکسل خارج از لبه‌های پیرامون:
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
نوع CSS
outline-offset: length|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| length | فاصله بین کناره‌های لبه و پروفایل. |
| inherit | این مقرر می‌کند که مقدار outline-offset از عنصر پدر ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| ارث: | no |
| نسخه: | CSS3 |
| نوع جاوااسکریپت: | object.style.outlineOffset="15px" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی می‌کنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
- صف قبل outline-color
- صفحه بعدی outline-style
