The difference between border (border) margin (margin) and Gap (padding) Properties _css/html

The Border property (border) is used to set the edge of an element.
Margin properties are used to set the distance between the edges of an element's occupied space and the adjacent elements.
The Gap property (padding) is the distance that is used to set the element's content to the bounds of the element.
All three properties belong to the box type in CSS.

Below this, very vividly embodies the difference between the three.

Here is a box model of 3D, hoping to facilitate your understanding and memory.

