Physical properties
CSS physical properties define positions based on physical directions or element sides. For example:
- The inset properties
top
,right
,bottom
, andleft
refer to the physical dimensions of the viewport. - Features such as
margin-top
,border-right
,padding-bottom
, andborder-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