CSS Position
The position property is used to set the position of a element. Through the help of position property we can place a element behind another element also we can create animated effect on those elements.
We can position a element through the top, bottom, left and right properties. If we want to use these properties so first of all we have to set the position of the element. We can set the property of element as static, absolute, relative and fixed.
Here are the different type of CSS positons.
๐. ๐๐๐ ๐๐ญ๐๐ญ๐ข๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
๐. ๐๐๐ ๐ ๐ข๐ฑ๐๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
๐. ๐๐๐ ๐๐๐ฌ๐จ๐ฅ๐ฎ๐ญ๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
๐. ๐๐๐ ๐๐๐ฅ๐๐ญ๐ข๐ฏ๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
๐. ๐๐๐ ๐๐ญ๐๐ญ๐ข๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
This position is by default for the html elements.It always positions a html element according to the flow of the page.It is not affected by top, bottom, left and right properties.
๐. ๐๐๐ ๐ ๐ข๐ฑ๐๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
This property is used to fix the element on the browser.After fixing element on the browser,if we scroll at that time element will be fixed at it's position.
๐. ๐๐๐ ๐๐๐ฌ๐จ๐ฅ๐ฎ๐ญ๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
This positioning is used to position an element relative to the first parent element that has a position other than static.With the help of absolute position we can place an element anywhere on the page.
๐. ๐๐๐ ๐๐๐ฅ๐๐ญ๐ข๐ฏ๐ ๐๐จ๐ฌ๐ข๐ญ๐ข๐จ๐ง
This position is used to set the element relative to it's normal position.
