Positioning in CSS

Previous Next

Home >> CSS >> CSS Advance >> Positioning in CSS

Positioning Elements

The CSS positioning properties allow us to position an element. It can also place one element behind another. Elements can be positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. They also work differently depending on the positioning method.

Syntax:-

Its syntax is:-

< style >

element{

}

< /style >

Further Explanation:-

Value	Description
static	Elements render in order in the document flow.
absolute	The element is positioned relative to its first-positioned ancestor element.
fixed	The element is positioned relative to the browser window.
relative	The element is positioned relative to its normal position.
sticky	The element is positioned based on the user scroll position.
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Advance

Box Model Border Width and Height Background Color Background Image Background Repeat Background Attachment List Styling Table Styling Link Styling Cursor Styling Display Property Visibility Property Positioning in CSS Floating Property Overflow Property Z-index Property

All Sections related to CSS

CSS Intro CSS Intro Quiz CSS Intro Exercise CSS Basic CSS Basic Quiz CSS Basic Exercise CSS Advance CSS Advance Quiz CSS Advance Exercise CSS3 CSS3 Quiz CSS3 Exercise CSS Properties CSS Functions CSS Selectors