webteam

Other Entries

How to Create Position Property in CSS?

CSS Position Property:

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

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

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

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

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

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

450_9c35d8f7b2bcff2affff5dc67516eb9c.jpeg

450_a8bc5061ad925c7625466a6c7ad25fb7.jpeg

450_7d946f8c362330e7f533ff260ce63a9b.jpeg

Output:

450_7232999db133c23e5ecf72e43038367f.jpeg

 

Posted in CSS on January 12 2022 at 06:53 PM

Comments (0)

No login