شرح صفوف ومحتوى الفقرة
تطبّق المتصفحات القيمة الافتراضية background-clip: border-box على جميع العناصر تلقائياً؛ وهذا يعني أن لون الخلفية يمتد بالكامل تحت منطقة الإطار border حتى حافته الخارجية القصوى.
قد لا تلاحظ هذا الامتداد عندما يكون الإطار مصمتاً متصلاً بـ solid، لكنه يظهر جلياً فور استخدام إطارات متقطعة dashed أو منقطة dotted أو مزدوجة double حيث يطل لون الخلفية من بين فراغات الإطار:
CSS
.coupon-default {
padding: 16px;
border: 6px dashed #5b3894;
background-color: #ede9fe;
background-clip: border-box;
}