شرح صفوف ومحتوى الفقرة
أيّ لون يختاره المتصفح إذا كتبت outline-style: solid; و outline-width: 3px; دون تحديد outline-color؟ عند استخدام الأنماط القياسية كالخط المتصل solid أو المتقطع dashed، يستمد الإطار الخارجي تلقائياً لون النص الفعلي المحدد في خاصية color للعنصر نفسه.
قارن بين الصندوقين في المثال الحي التالي؛ فالأول أُغفلت فيه خاصية outline-color فاكتسبت حلقته اللون الأخضر الداكن darkgreen من لون النص تلقائياً، بينما خُصص للثاني لون بنفسجي مستقل عبر #7c3aed:
CSS
.auto-ring {
color: darkgreen;
outline-style: solid;
outline-width: 3px;
}
.custom-ring {
color: darkgreen;
outline-style: solid;
outline-color: #7c3aed;
}