একটি লাইনের উচ্চতা CSS line-height প্রপার্টি দ্বারা সংজ্ঞায়িত করা হয়। এটি শুধু ধনাত্মক মান গ্রহণ করে।
সিনট্যাক্স
CSS line-height প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { line-height: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS line-height প্রপার্টি উদাহরণ দেয়।
<!DOCTYPE html> <html> <head> <style> div * { margin: 1.5em; box-shadow: -13px -10px 10px 1px crimson; } #demo { line-height: 60%; } p { box-shadow: 13px -10px 10px 1px grey; line-height: 50px; } </style> </head> <body> <h2>Demo Heading</h2> <div> <p>This is demo text one.</p> <div>This is demo text two.</div> <div id="demo">This is demo text three.</div> </div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> div * { margin: auto; padding: 3em; } p { height: 100px; width: 100px; border: thin solid; border-radius: 50%; box-shadow: 0 20px 10px 1px grey; line-height: 0.6; } </style> </head> <body> <h2>What is C#?</h2> <div> <p>C# is a strongly-typed language. Every variable and constant has a type, as does every expression that evaluates to a value.</p> </div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেয়:
