Okuzeka
Web Development vocabulary · CSS and Layout

Padding

Meaning in web development, with examples

/ˈpædɪŋ/nounCore term

In web development, padding means: The space inside an element, between its content and its border, which keeps the content away from the edges.

In Turkish: iç boşluk, dolgu, padding

How it is used

Set with padding or with padding-top, padding-left and so on. Padding shows the element's background color, while margin is always transparent. Buttons and cards almost always need some padding.

Example sentences

  1. Give the button more padding so it's easier to tap on a phone.

  2. The text touches the edge of the card because the padding is zero on mobile.

Common collocations

  • add padding
  • horizontal padding
  • padding-top
  • inner padding
  • marginThe space outside an element's border, which pushes other elements away from it.
  • box modelThe CSS idea that every element is a rectangular box made of content, padding, border and margin, which together decide its size and spacing.
  • propertyIn CSS, the name of a style feature you set, such as color, margin or display, which is always paired with a value.
  • layoutThe way elements are arranged on a page: where columns, menus, images and text sit and how they move when the screen size changes.

This word in other fields

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

More terms: CSS and Layout

Practise with graded reading

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