هل يجب تعديل قيمة box-sizing في كل مشروع جديد أقوم ببناءه؟

يفضل التعامل مع القيمة الافتراضية لها وهي content-box أي أن عرض وارتفاع العنصر محدد بصندوق المحتوى فقط، الحواشي الداخلية Padding وعرض الإطار إن وجدو لا يتم احتسابهم من قياس العنصر نفسه،

عند تعيينك للخاصية box-sizing بالقيمة border-box قد يكون لك غرض ما من ذلك، مثلًا في حال كنت تبني رسومات تحتاج فيها أن لا يؤثر قياس الحاشية أو الإطار الخارجي عليها، مثلًا تحديد عناصر بمكان معين بتلك الخاصية كالتالي:

.graphics * {
  box-sizing: border-box;
}

يمكنك الاستفادة من قراءة المقال التالي: