The CSS Propertie box-sizing

מאפיין box-sizing מגדיר אם width/height נמדדים לתיבת התוכן או לתיבת המסגרת. border-box (כולל padding+border) הוא הנפוץ לפיתוח מודרני.

*, *::before, *::after { box-sizing: border-box; }

.legacy { box-sizing: content-box; }

content-boxערך ברירת המחדל. width/height מוחלים על תיבת התוכן (לא כולל padding/border).

border-boxwidth/height כוללים padding ו-border. תיבת התוכן ממולאת בשארית.

CSS Box Sizing Module Level 3

Editor's Draft

Show all code