CSS हाइट प्रॉपर्टी हमें एलिमेंट की हाइट निर्दिष्ट करने में मदद करती है।
सिंटैक्स
CSS हाइट प्रॉपर्टी का सिंटैक्स निम्नानुसार है:
Selector { height: /*value*/ }
उदाहरण 1
निम्न उदाहरण CSS हाइट प्रॉपर्टी को दर्शाते हैं।
<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> html, body { margin: 0px; height: 100vh; } div { height: 100%; text-align: center; background: mistyrose; } </style> </head> <body> <div>100% height!!</div> </body> </html>
उदाहरण 2 (फ्लेक्स के साथ)
इससे निम्न आउटपुट मिलता है:
<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> html, body { display: flex; flex-direction: row; justify-content: space-around; margin: 0px; height: 100vh; box-shadow: inset 0 0 40px lightblue; } div { width: 40%; height: 100vh; text-align: center; box-shadow: inset 0 0 20px lightcoral; } </style> </head> <body> <div>Watch This!</div> <div>Let Me Show You How The Boss Does It!!</div> <div>Open Up The Sky!!</div> <div>GO! GO! GO!!</div> </body> </html>
इससे निम्न आउटपुट मिलता है:
