شرح صفوف ومحتوى الفقرة
يوقف التصريح background-clip: padding-box امتداد الخلفية تماماً عند الحافة الداخلية للإطار، فلا يتسرب لون البطاقة تحت شرطات الإطار المتقطع dashed أو نقاط dotted، مما يمنح قسائم الخصم ومناطق رفع الملفات حدوداً خارجية صافية ونظيفة.
قارن النتيجة بصرياً في الكود القابل للتجربة والمختبر التفاعلي لطبقات الصندوق أدناه:
CSS
.dropzone-clean {
padding: 18px;
border: 6px dashed #1d4ed8;
background-color: #dbeafe;
background-clip: padding-box;
}