How to Create Position Property in CSS?

CSS Position Property:

Static - நிலைப்படுத்தப்பட்ட கூறுகள் மேல், கீழ், இடது மற்றும் வலது பண்புகளால் பாதிக்கப்படுவதில்லை. இது எப்போதும் பக்கத்தின் இயல்பான ஓட்டத்திற்கு ஏற்ப நிலைநிறுத்தப்படுகிறது.

Fixed -  காட்சியமைப்புடன் தொடர்புடையது, அதாவது பக்கம் உருட்டப்பட்டாலும் அது எப்போதும் ஒரே இடத்தில் இருக்கும். உறுப்பை நிலைநிறுத்த மேல், வலது, கீழ் மற்றும் இடது பண்புகள் பயன்படுத்தப்படுகின்றன. பொதுவாக அமைந்திருக்கும் பக்கத்தில் ஒரு இடைவெளியையும் விடாது.   

Relative - ஒப்பீட்டளவில் நிலைநிறுத்தப்பட்ட கூறுகள் மேல், வலது, கீழ் மற்றும் இடது பண்புகளை அமைப்பது அதன் இயல்பான நிலையில் இருந்து சரிசெய்யப் படுவதற்கு வழிவகுக்கும்.

உறுப்பு விட்டுச்செல்லும் எந்த இடைவெளிக்கும் பொருந்தும் வகையில் பிற உள்ளடக்கம் சரிசெய்யப்படாது.

Absolute - அருகிலுள்ள நிலைநிறுத்தப்பட்ட  parent - வுடன் தொடர்புடையது. Fixed – வை போலவும் இருக்கும். பக்கம் உருட்டப்பட்டாலும்  நகர்கிறது.

Sticky - பக்கம் உருட்டலின் அடிப்படையில் நிலைநிறுத்தப்படுகிறது.

Output: