Chapter 9 - Visual formatting model - 9.3.1 Choosing a positioning scheme: 'position' property
Go to the relevant page of the specification.
- page-container-003 (paged)
-
paged media position fixed
Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document. - position-001
-
Position set to 'static'
The 'position' property applies the value 'static' and places the element in normal document flow. - position-002
-
Position set to 'relative'
The 'position' property applies the value 'relative' and places the element in normal document flow. - position-003
-
Position set to 'absolute'
The 'position' property applies the value 'absolute' and places the element out of flow of the document. - position-004 (interact)
-
Position set to 'fixed'
The 'position' property applies the value 'fixed' and places the element out of flow of the document and locks it to a specific point on the viewport. - position-005
-
Position set to 'inherit'
The 'position' property applies the value 'inherit' and inherits the 'position' value from its parent element. - position-absolute-002
-
Position absolute size and positioning
Absolutely positioned elements can be sized and positioned using 'top', 'right', 'bottom' and 'left' properties. - position-applies-to-001
-
Position applied to element with 'display' set to 'table-row-group'
The 'position' property applies to elements with a display of 'table-row-group'. - position-applies-to-002
-
Position applied to element with 'display' set to 'table-header-group'
The 'position' property applies to elements with a display of 'table-header-group'. - position-applies-to-003
-
Position applied to element with 'display' set to 'table-footer-group'
The 'position' property applies to elements with a display of 'table-footer-group'. - position-applies-to-004
-
Position applied to element with 'display' set to 'table-row'
The 'position' property applies to elements with a display of 'table-row'. - position-applies-to-005
-
Position applied to element with 'display' set to 'table-column-group'
The 'position' property applies to elements with a display of 'table-column-group'. - position-applies-to-006
-
Position applied to element with 'display' set to 'table-column'
The 'position' property applies to elements with a display of 'table-column'. - position-applies-to-007
-
Position applied to element with 'display' set to 'table-cell'
The 'position' property applies to elements with a display of 'table-cell'. - position-applies-to-008
-
Position applied to element with 'display' set to inline
The 'position' property applies to elements with a display of inline. - position-applies-to-009
-
Position applied to element with 'display' set to block
The 'position' property applies to elements with a display of block. - position-applies-to-010
-
Position applied to element with 'display' set to list-item
The 'position' property applies to elements with a display of list-item. - position-applies-to-012
-
Position applied to element with 'display' set to inline-block
The 'position' property applies to elements with a display of inline-block. - position-applies-to-013
-
Position applied to element with 'display' set to 'table'
The 'position' property applies to elements with a display of 'table'. - position-applies-to-014
-
Position applied to element with 'display' set to 'inline-table'
The 'position' property applies to elements with a display of 'inline-table'. - position-applies-to-015
-
Position applied to element with 'display' set to 'table-caption'
The 'position' property applies to elements with a display of 'table-caption'. - position-fixed-001
-
Fixed position elements impact on later siblings
Fixed positioned elements do not impact later siblings. - position-fixed-002
-
Position fixed size and positioning
Fixed positioned elements can be sized and positioned using 'top', 'right', 'bottom' and 'left' properties. - position-fixed-003 (interact)
-
Position fixed on different media types
Elements that are set to 'position: fixed' are fixed with respect to the viewport. - position-fixed-004 (paged)
-
Position fixed and print media
Fixed position elements are positioned with respect to the page box when printed. - position-fixed-005 (paged)
-
Pagination of fixed positioned elements
Fixed position elements cannot be paginated. - position-fixed-006 (dom, may)
-
Non-static position on the root element
Root elements may treat non-static positions as 'static'. - position-relative-001
-
Relative positioning and normal flow
Relatively positioned elements lay out in normal flow. - position-relative-002
-
Elements following relatively positioned elements
Element following relatively positioned element show up in normal flow as if the relatively positioned element were not offset. - position-static-001
-
Content laid out in normal flow when 'position' is set to 'static'
Static positioned elements are not affected by top, right, bottom, left property settings.