ئۆتڵاین (Outline) چییە؟

ئۆتڵاین هێڵێکە کە لە دەوری توخمەکە (Element) دەکێشرێت، بەڵام جیاوازییەکی بنەڕەتی لەگەڵ border هەیە: ئۆتڵاین بەشێک نییە لە قەبارەی توخمەکە و کاریگەری لەسەر شوێن و قەبارەی توخمەکانی دیکە ناکات.

شێوازی نووسین

تایبەتمەندی outline سێ بەشی سەرەکی هەیە: قەبارە (width)، شێواز (style)، و ڕەنگ (color).

selector { outline: 2px solid red; }

جیاوازی Outline و Border

خشتەی خوارەوە جیاوازییە سەرەکییەکان نیشان دەدات:

• Border: کاریگەری لەسەر قەبارەی توخمەکە هەیە و دەتوانرێت بۆ هەر لایەک بە جیا دیاری بکرێت.
• Outline: کاریگەری لەسەر قەبارە نییە و هەمیشە بە دەوری هەموو لایەکاندا دێت و ناتوانرێت بۆ هەر لایەک بە جیا دیاری بکرێت.

بەکارهێنانی لە Input

زۆرینەی کات ئۆتڵاین بۆ دیاریکردنی ئەو خانانە بەکاردێت کە بەکارهێنەر کرتەیان لەسەر دەکات (Focus):

input:focus { outline: 3px auto blue; }