সিএসএস লাইন ব্যবধানের জন্য সিএসএস লাইন-উচ্চতার বৈশিষ্ট্য ব্যবহার করা
আপনার ওয়েব পেজগুলিতে আপনার লাইন ব্যবধানকে প্রভাবিত করার জন্য CSS শৈলী সম্পত্তি লাইন-উচ্চতা ব্যবহার করা শিখুন।
সিএসএস লাইন ব্যবধানের মান
সিএসএস লাইন ব্যবধান CSS শৈলী সম্পত্তি লাইন-উচ্চতা দ্বারা প্রভাবিত হয়। এই সম্পত্তিটি 5 টি আলাদা মান গ্রহণ করে:
- স্বাভাবিক: ফন্ট সাইজের সাথে সম্পর্কিত লাইন ব্যবধানের জন্য ব্রাউজার মূল্য নির্ধারণ করে। এটি সাধারণত ফন্ট আকার বা সামান্য বড় (20% মত) এর মত।
- উত্তরাধিকারী: প্যারেন্ট উপাদান এর লাইন ব্যবধান থেকে লাইন ব্যবধান গ্রহণ করা উচিত। সুতরাং যদি আপনি আপনার শরীরের ট্যাগের লাইন-উচ্চতা ফন্টের আকারের চেয়ে 30% বেশি সেট করেন এবং অনুগ্রহপূর্বক অনুচ্ছেদ ট্যাগের মধ্যে সেট করা হয়, তবে ফন্ট-আকারের চেয়ে 30% বেশি লাইন-এর উচ্চতা থাকবে।
- একটি সংখ্যা: যদি লাইন-উচ্চতা মান পরিমাপ কোন ইউনিট আছে, এটি লাইন উচ্চতা জন্য ফন্ট আকারে একটি গুণক বলে মনে করা হয়। তাই 1.25 লাইনের উচ্চতা ফন্টের আকারের চেয়ে 25% বেশি হবে।
- একটি দৈর্ঘ্য: যদি লাইন-উচ্চতা মানের পরিমাপের একটি ইউনিট থাকে, তবে এটি লাইনের মধ্যে থাকা স্থানটির সঠিক পরিমাণ। সুতরাং, 1.25 মিমি লাইন 1.25 মিলিমিটার দূরে হতে পারে।
- শতাংশ: যদি লাইন-উচ্চতা শতাংশ হয়, তবে ফন্ট আকারের শতাংশ হবে। তাই 125% লাইন-উচ্চতা ফন্ট আকারের চেয়ে ২5% বেশি হবে।
সিএসএস লাইন ব্যবধানের জন্য কোন মূল্য ব্যবহার করা উচিত
বেশীরভাগ ক্ষেত্রে, লাইন ব্যবধানের সেরা পছন্দ ডিফল্ট অবস্থায় ছেড়ে দেওয়া হয় - অথবা "স্বাভাবিক"। এটি সাধারণত সবচেয়ে পঠিত এবং আপনি কিছু বিশেষ করতে প্রয়োজন হয় না। কিন্তু লাইন ব্যবধান পরিবর্তন আপনার পাঠ্য এটি একটি ভিন্ন অনুভূতি দিতে পারেন।
যদি আপনার ফন্টের আকার ems বা শতকরা হিসাবে সংজ্ঞায়িত করা হয় , তাহলে আপনার লাইন-উচ্চতা অবশ্যই এই পদ্ধতিটি সংজ্ঞায়িত করা উচিত। এটি লাইন ব্যবধানের সবচেয়ে নমনীয় ফর্ম কারণ এটি পাঠককে তাদের ফন্টের আকার পরিবর্তন করতে দেয় এবং আপনার রেখা ব্যবধানে একই অনুপাতটি রাখে।
একটি বিন্দু (pt) মান দিয়ে প্রিন্ট স্টাইল শীটগুলির জন্য লাইন উচ্চতা সেট করুন। বিন্দু একটি মুদ্রণ পরিমাপ, এবং তাই আপনার ফন্ট মাপ হিসাবে পয়েন্ট হিসাবে হওয়া উচিত।
আমি নম্বরের পছন্দ ব্যবহার করতে পছন্দ করি না কারণ আমি দেখেছি যে এটি সবচেয়ে লোকেদের বিভ্রান্তিকর। অনেকে মনে করে যে সংখ্যাটি একটি পূর্ণ আকার, এবং তাই তারা এটি বিশাল করে তোলে উদাহরণস্বরূপ, আপনার 14 পিক্সে একটি ফন্ট সেট থাকতে পারে এবং তারপরে আপনি আপনার লাইন-উচ্চতা 14-এ সেট করুন - যা লাইনগুলির মধ্যে বিশাল ফাঁক দেখা দেয় - কারণ ফাঁকির ফাঁক 14 বার নির্ধারণ করা হয়।
আপনার লাইন ব্যবধানের জন্য কত স্পেস ব্যবহার করা উচিত
আমি উপরে উল্লিখিত হিসাবে, আমি ডিফল্ট লাইন ব্যবধান ব্যবহার করে সুপারিশ যদি আপনি এটি পরিবর্তন করার একটি নির্দিষ্ট কারণ আছে। লাইনের ফাঁক পরিবর্তন করতে বিভিন্ন প্রভাব থাকতে পারে:
- যে পাঠ্য একসঙ্গে খুব শক্ত হয় তা পড়তে অসুবিধা হতে পারে। কিন্তু ছোট লাইন স্পেসগুলি পাঠ্যের মেজাজকে প্রভাবিত করতে পারে। টেক্সট একসাথে scrunched হয় তাহলে টেক্সট অনুভূতি গাঢ় বা আরো উত্তেজনাপূর্ণ বলে মনে করতে পারেন।
- পাঠ্য যে দূরে সরাইয়া পড়তে অসুবিধা হতে পারে। কিন্তু বিস্তৃত লাইন স্পেসগুলি টেক্সটকে আরও প্রবাহিত ও তরল বলে মনে করে।
- লাইন ব্যবধান পরিবর্তন করা এমন একটি পাঠ্য তৈরি করতে পারে যা অন্যথায় স্পেসে উপযুক্ত নাও হতে পারে আরও কমপ্যাক্ট বা আপনার ডিজাইনগুলিতে আরও স্থান নিতে হবে।