css.properties

position-area

The position-area property specifies the area for anchor positioning.

Formal Syntax

position-area = none | <position-area> <position-area> = [ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | self-x-start | self-x-end | span-self-x-start | span-self-x-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | self-y-start | self-y-end | span-self-y-start | span-self-y-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]
Initial value
none
Applies to
positioned boxes with a default anchor box
Inherited
no
Percentages
n/a
Computed value
the keyword none or a pair of keywords, see § 3.1.3 Computed Value and Serialization of
Animation type
TBD

See specification

JavaScript Access

// Access via element.style element.style.positionArea = "none";

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
position-area12914726129
block-end12914726129
block-start12914726129
bottom12914726129
center12914726129
end12914726129
inline-end12914726129
inline-start12914726129
left12914726129
none12914726129
right12914726129
self-block-end12914726129
self-block-start12914726129
self-end12914726129
self-inline-end12914726129
self-inline-start12914726129
self-start12914726129
self-x-end14314726.2143
self-x-start14314726.2143
self-y-end14314726.2143
self-y-start14314726.2143
span-all12914726129
span-block-end12914726129
span-block-start12914726129
span-bottom12914726129
span-end12914726129
span-inline-end12914726129
span-inline-start12914726129
span-left12914726129
span-right12914726129
span-self-block-end12914726129
span-self-block-start12914726129
span-self-end12914726129
span-self-inline-end12914726129
span-self-inline-start12914726129
span-self-start12914726129
span-self-x-end14314726.2143
span-self-x-start14314726.2143
span-self-y-end14314726.2143
span-self-y-start14314726.2143
span-start12914726129
span-top12914726129
span-x-end12914726129
span-x-start12914726129
span-y-end12914726129
span-y-start12914726129
start12914726129
top12914726129
x-end12914726129
x-start12914726129
y-end12914726129
y-start12914726129

Related Properties