CSS height প্রপার্টি আমাদের একটি উপাদানের উচ্চতা নির্দিষ্ট করতে সাহায্য করে।
সিনট্যাক্স
CSS height প্রপার্টির সিনট্যাক্স নিচে দেওয়া হলো:
Selector { height: /*value*/ }উদাহরণ
নিচের উদাহরণগুলো CSS height প্রপার্টি ব্যাখ্যা করে।
<!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>উদাহরণ
এটি নিচের আউটপুট দেয়:
<!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>এটি নিচের আউটপুট দেয়:
