Top / Right / Bottom / Left
Atomic props for controlling the placement of positioned elements.
Atomic Props | CSS Properties |
---|---|
top-{value} / top={value} | top={value} |
right-{value} / right={value} | right={value} |
bottom-{value} / bottom={value} | bottom={value} |
left-{value} / left={value} | left={value} |
#
TopUse top
props to set an element's top position.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
RightUse right
props to set an element's right position.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
BottomUse bottom
props to set an element's bottom position.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
LeftUse left
props to set an element's left position.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
Negative valuesUse right--{value}
like props to set an element's Negative position.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO