CSS Line Height

CSS লাইনের উচ্চতা:

CSS লাইন উচ্চতা বৈশিষ্ট্য উপাদানের মধ্যে লাইন বাক্সের ন্যূনতম উচ্চতা সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি আপনার বিষয়বস্তুর দুটি লাইনের মধ্যে পার্থক্য নির্ধারণ করে।

এটি ইনলাইন উপাদানের উপরে এবং নীচে স্থানের পরিমাণ নির্ধারণ করে। এটি আপনাকে ফন্টের আকার থেকে স্বাধীনভাবে একটি লাইনের উচ্চতা সেট করতে দেয়।

CSS লাইন-উচ্চতার মান:

কিছু সম্পত্তি মান আছে যা CSS লাইন-উচ্চতা সম্পত্তির সাথে ব্যবহৃত হয়।

value description
normal এটি একটি ডিফল্ট মান। এটি একটি সাধারণ লাইন উচ্চতা নির্দিষ্ট করে।
number এটি একটি সংখ্যা নির্দিষ্ট করে যা লাইনের উচ্চতা সেট করতে বর্তমান ফন্টের আকারের সাথে গুণিত হয়।
length এটি px, pt, cm, ইত্যাদি লাইনের উচ্চতা সেট করতে ব্যবহৃত হয়।
% এটি বর্তমান ফন্টের শতাংশে লাইনের উচ্চতা নির্দিষ্ট করে।
initial এটি এই সম্পত্তিটিকে তার ডিফল্ট মান সেট করে।
inherit এটি তার মূল উপাদান থেকে এই সম্পত্তি উত্তরাধিকারসূত্রে পাওয়া যায়।

CSS লাইন-উচ্চতার উদাহরণ:

  1. >  
  2. </html>  
  3. <head>  
  4. <style>  
  5. h3.small {  
  6.     line-height: 70%;  
  7. }  
  8. h3.big {  
  9.     line-height: 200%;  
  10. }  
  11. </style>  
  12. </head>  
  13. <body>  
  14. <h3>  
  15. This is a heading with a standard line-height.<br>  
  16. This is a heading with a standard line-height.<br>  
  17. The default line height in most browsers is about 110% to 120%.<br>  
  18. </h3>  
  19. <h3 class=“small”>  
  20. This is a heading with a smaller line-height.<br>  
  21. This is a heading with a smaller line-height.<br>  
  22. This is a heading with a smaller line-height.<br>  
  23. This is a heading with a smaller line-height.<br>  
  24. </h3>  
  25. <h3 class=“big”>  
  26. This is a heading with a bigger line-height.<br>  
  27. This is a heading with a bigger line-height.<br>  
  28. This is a heading with a bigger line-height.<br>  
  29. This is a heading with a bigger line-height.<br>  
  30. </h3>  
  31. </body>  
  32. </html>  


Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top