HTML

Home
Basics Elements and Attributes Headings and Paragraphs Styles and Colors Class and ID Attribute Quotation and Formating Elements Forms Tasks
Introduction CSS Types pseudo class Table with Styles Overflow Properties Display Properties Position Property Line-Height&Letter-Spacing Periodic Table
Introduction Display Properties Identifiers Operators String Methods Array Functions Object Event Handling Dialog Boxes Calculator Design
Introduction Basic Sql Alter and Tables Constraints Insert and Select Operators Joins Group by&Union Backup Exception Handling Views&User Defined Functions Company Database
Introduction Variables & Operators Conditional & Looping Statements Functions & String Expressions Pointers & Recursion Array & Files Patterns
Introduction
Configuration Introduction Sql
MasterDev

Position Property:

It defines how html elements can be positioned.
There are five different position values

1.Static:All Html elements are positioned static by default.
             we can not apply position property to these elements.

2.Relative:It is positioned relative to its normal position.
                 By using position properties(top,right,left,bottom) we can change the positio of  elements.

3.Fixed: By using this property we can set an element as fixed.
              if an element is set as fixed then it remains in that position even if we scroll the page also it will be remain same in that position. 

4.Absolute:By using position properties(top,right,left,bottom) we can change the position of elements.
5.Sticky:An element is positioned based on user's scroll position.

EX:Create a web page by using position properties

OUTPUT:
Subscribe to: Posts (Atom)