Okuzeka
Software Engineering vocabulary · Web, Mobile and Interface Development

Box model

Meaning in software engineering, with examples

nounCommon term

In software engineering, box model means: The CSS idea that every element is a rectangular box made of content, padding, border and margin, which together decide its size and spacing.

In Turkish: kutu modeli

How it is used

Comes up when sizes look wrong. Many projects set box-sizing: border-box so that the width includes padding and border. Browser developer tools show the box model of the selected element.

Example sentences

  1. The card is 20 pixels wider than expected; check the box model in DevTools.

  2. Once you understand the box model, spacing in CSS makes much more sense.

Common collocations

  • CSS box model
  • box-sizing
  • border-box
  • content box
  • marginThe space outside an element's border, which pushes other elements away from it.
  • paddingThe space inside an element, between its content and its border, which keeps the content away from the edges.
  • layoutThe way elements are arranged on a page: where columns, menus, images and text sit and how they move when the screen size changes.
  • developer toolsTools built into browsers that let developers inspect HTML and CSS, debug JavaScript, watch network requests and measure performance.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Web, Mobile and Interface Development

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: