The top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
/* <length> values */
top: 3px;
top: 2.4em;
/* <percentage>s of the height of the containing block */
top: 10%;
/* Keyword value */
top: auto;
/* Global values */
top: inherit;
top: initial;
top: unset;Source: https://developer.mozilla.org/en-US/docs/Web/CSS/top
The right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
/* <length> values */
right: 3px;
right: 2.4em;
/* <percentage>s of the width of the containing block */
right: 10%;
/* Keyword value */
right: auto;
/* Global values */
right: inherit;
right: initial;
right: unset;Source: https://developer.mozilla.org/en-US/docs/Web/CSS/right
The bottom CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.
/* <length> values */
bottom: 3px;
bottom: 2.4em;
/* <percentage>s of the height of the containing block */
bottom: 10%;
/* Keyword value */
bottom: auto;
/* Global values */
bottom: inherit;
bottom: initial;
bottom: unset;Source: https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
The left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
/* <length> values */
left: 3px;
left: 2.4em;
/* <percentage>s of the width of the containing block */
left: 10%;
/* Keyword value */
left: auto;
/* Global values */
left: inherit;
left: initial;
left: unset;Source: https://developer.mozilla.org/en-US/docs/Web/CSS/left