Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS पोजिशनिंग से संबंधित प्रॉपर्टीज

CSS में पोजिशनिंग से संबंधित प्रॉपर्टीज हैं:

रिलेटिव पोजिशनिंग

रिलेटिव पोजिशनिंग HTML एलिमेंट की स्थिति को वहां से बदल देती है जहां वह सामान्य रूप से दिखाई देता है। तो "left:20" एलिमेंट के LEFT पोजिशन में 20 पिक्सेल जोड़ता है।

एब्सोल्यूट पोजिशनिंग

position: absolute वाला एलिमेंट आपकी स्क्रीन के ऊपरी-बाएं कोने के सापेक्ष निर्दिष्ट कोऑर्डिनेट पर स्थित होता है।

फिक्स्ड पोजिशनिंग

फिक्स्ड पोजिशनिंग आपको किसी एलिमेंट की स्थिति को पेज पर एक विशेष स्थान पर फिक्स करने की अनुमति देती है, चाहे स्क्रॉलिंग हो रही हो। निर्दिष्ट कोऑर्डिनेट ब्राउज़र विंडो के सापेक्ष होंगे।

  1. CSS में फिक्स्ड पोजिशनिंग CSS में फिक्स्ड पोजिशनिंग

    हम CSS में किसी एलिमेंट की पोजिशनिंग को फिक्स्ड के रूप में परिभाषित कर सकते हैं जो एलिमेंट को उपयोगकर्ता के व्यूपोर्ट के सापेक्ष रेंडर करता है। फिक्स्ड पोजिशनिंग मेथड वाले एलिमेंट्स स्क्रॉल पर भी नहीं हिलते और CSS पोजिशनिंग प्रॉपर्टीज (लेफ्ट, राइट, टॉप और बॉटम) द्वारा पोजिशन किए जाते हैं। उदाहरण आइ

  1. CSS से एब्सोल्यूट पोजिशनिंग CSS से एब्सोल्यूट पोजिशनिंग

    CSS में किसी एलिमेंट की पोजिशनिंग को एब्सोल्यूट के रूप में परिभाषित किया जा सकता है, जो एलिमेंट को पहले पोजिशन्ड (स्टैटिक को छोड़कर) पैरेंट के सापेक्ष रेंडर करता है। एब्सोल्यूट पोजिशनिंग मेथड वाले एलिमेंट्स को CSS पोजिशनिंग प्रॉपर्टीज़ (left, right, top, bottom) द्वारा पोजिशन किया जाता है।उदाहरणआइए

  1. CSS पोजिशनिंग एलिमेंट्स (स्टेटिक, रिलेटिव, एब्सोल्यूट, फिक्स्ड) CSS पोजिशनिंग एलिमेंट्स (स्टेटिक, रिलेटिव, एब्सोल्यूट, फिक्स्ड)

    CSS position प्रॉपर्टी चार मान लेती है: static (डिफ़ॉल्ट, नॉर्मल फ्लो), relative (नॉर्मल फ्लो + ऑफसेट), absolute (पैरेंट के सापेक्ष, फ्लो से बाहर), fixed (व्यूपोर्ट के सापेक्ष, स्क्रॉल पर स्थिर)। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe U