Basic property of CSS:
- position: The position property specifies the type of positioning method used for an elements. For example static, relative, absolute and fixed.
- bottom: The bottom property affects the vertical position of a positioned element. This property has no effect on non-positioned elements.
- left: The left property affects the horizontal position of a positioned element. This property has no effect on non-positioned elements.
- right: The right property affects the horizontal position of a positioned element. This property has no effect on non-positioned elements.
On the basic of the value of position property the value of the other property is set.
Example: In this code, use of these three properties is shown and button shift to the bottom left corner of the div element.
Example: In this code, below use of this three property is shown and button shift to the bottom right corner of the div element.
- CSS | align-content property
- CSS | Align
- CSS | align-self Property
- CSS | vertical-align Property
- CSS | text-align-last Property
- CSS | text-align Property
- CSS | Layout - Horizontal & Vertical Align
- How to align Placeholder Text in HTML ?
- How to vertically align text inside a flexbox using CSS?
- CSS | bottom Property
- CSS padding-bottom Property
- CSS margin-bottom Property
- CSS border-bottom Property
- How to position a div at the bottom of its container using CSS?
- CSS | border-bottom-right-radius Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.