CSS Position Properties

VIDYA ACADEMY

VIDYA ACADEMY Add- Rail Bazar Gurudwara Gali Fatehpur Mo- 8400499579

• Home
• Libre Office Calc
  • File Menu
  • Edit Menu
  • View Menu
  • Insert Menu
  • Format Menu
  • Style Menu
  • Sheet Menu
  • Data Menu
  • Tools Menu
  • Libre office Calc Formulas
  • Calc Shortcut Keys
• Mock Test
  • Mock Test-1
  • Mock Test-2
  • Mock Test-3
  • Mock Test-4
  • Mock Test-5
  • Mock Test-6
• CSS
  • What is css
  • Types of CSS
  • CSS Selectors
  • CSS Animation Properties
  • CSS Position Properties
• Courses
  • Java Script
  • Libre office Scalc
  • Libre office writer
  • Libre Office impress
  • Tally Accounting
  • Internet
  • HTML Tags

-:-CSS Position Properties-:-

Position Propeties :-

There are five types of css position propertie.

1. Static
2. Absolute
3. Fixed
4. Relative
5. Sticky

1. Static :-

Default value. Elements render in order, as they appear in the ducument flow.

2. Absolute :-

The element is positioned relative to its first positioned ( not static ) ancestor element.

3. Fixed :-

The element is positioned relative to the browser window.

4. Relative :-

The element is positioned relative to its normal position, so "left:20px;"adds 20 pixels to the elements left position.

5. Sticky :-

The element is positioned based on the user's scoll position.

A sticky element toggles between relative and fixed, depending on the scroll position.It is positioned reltive until a given offset positionis met in the viewport-then it "sticks"in place ( like poition:fixed).

Note :- Not supported in IE/Edge 15 or earlier. Supported in safari from veraion 6.1 with a webkit prefix.