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