شرح صفوف ومحتوى الفقرة
يمثل الإطار الخارجي — Outline في لغة CSS حلقة بصرية تُرسَم مباشرةً خارج حافة إطار الصندوق border بهدف إبراز الأزرار أو الحقول التفاعلية أو البطاقات المحددة بوضوح فوري على الشاشة.
يمتاز هذا الإطار الخارجي بميزة هندسية فارقة؛ فهو لا يحجز أي حيز تخطيطي في الصفحة، فلا يزيد عرض العنصر أو ارتفاعه ولا يدفع العناصر المجاورة له قيد أنملة كما يوضح المخطط والمثال العملي التالي:
CSS
.focus-demo {
border: 2px solid #cbd5e1;
outline-style: solid;
outline-width: 3px;
outline-color: #7750b2;
}