شرح صفوف ومحتوى الفقرة
تدعم خاصية outline-style أربع قيم ثلاثية الأبعاد كلاسيكية يشتق المتصفح تدرجات الظل والإضاءة فيها من قيمة outline-color:
- الغائر والبارز
grooveوridge: يحاكيان أخدوداً محفوراً للداخل فيgrooveمقابل إطار ناتئ للخارج فيridge. - المنخفض والمرتفع
insetوoutset: يوحيان بأن الصندوق مضغوط للداخل أو بارز كأزرار الأنظمة الكلاسيكية؛ ونظراً لضعف وضوح التظليل عند السماكات الرفيعة، تفضّل الواجهات العصرية نمطيsolidوdouble.
CSS
.ring-double {
outline-style: double;
outline-width: 5px;
}
.ring-ridge {
outline-style: ridge;
outline-width: 6px;
}