☚ लेसन के लिए यहाँ क्लिक करे ।

Lesson - 15

CSS : Display and Visibility Property


Display property की कुछ values के बारे में निचे दिया जा रहा है।

1. Display:none

2. Display:block

3. Display:inline

4. Display:inline-block






Visibility property की कुछ values के बारे में निचे दिया जा रहा है।

1. Visibility:hidden

2. Visibility:visible






Example 1: Display:none and Visibility:hidden



HTML Code






CSS Code





Output





यहाँ आप देख सकते है विज़िबल हिडन करने पर कंटेंट तो हाईड हो जाता है
लेकिन उसकी जगह वही रहती है और अपना स्पेस ऑक्युपाइ करता है .
और डिस्प्ले नन प्रॉपर्टी में स्पेस और कंटेंट हट जाता है




Example 2: display: block



HTML Code






CSS Code





Output








Example 3: display: inline



HTML Code






CSS Code





Output








Example 4: display: inline-block



HTML Code






CSS Code





Output