Differences between border (border) margin (margin) and Gap (padding) properties

The Difference border property (border) is used to set the edge of an element.
Margin attributes (margin) are used to set the distance between the edges of an element's space and the adjacent elements.
The gap attribute (padding) is the distance used to set the content of an element to the bounds of an element.
These three properties belong to the box type property in the CSS.

The following diagram, very vividly embodies the difference between the three.


This provides a 3D schematic diagram of a box model, hoping to facilitate your understanding and memory.