Physical properties

CSS physical properties define positions based on physical directions or element sides. For example:

• The inset properties top, right, bottom, and left refer to the physical dimensions of the viewport.
• Features such as margin-top, border-right, padding-bottom, and border-bottom-left-radius reference specific sides of an element, and style features by that physical direction.

This is opposed to logical properties, which are relative to the content flow and use directional keywords relative to the block and inline axes.

See also

• CSS positioned layout module
• CSS box model module
• CSS box sizing module