কম্পিউটার টিউটোরিয়াল

CSS word-spacing প্রোপার্টি দিয়ে শব্দের মাঝপথি স্পেস নিয়ন্ত্রণ করা

word-spacing প্রোপার্টি দিয়ে শব্দের মাঝপথি হরিজেন্টাল স্পেস বড় বা ছোট করা যায়। এটি টাইপোগ্রাফি রিডেবিলিটি বা ডিজাইন উদ্দেশ্যে ব্যবহার করা হয়।

মানগুলো:

normal | <length> (px, em, cm ইত্যাদি) | initial | inherit

উদাহরণ ১: নরমাল vs 10px

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { word-spacing: normal; }
p.demo2 { word-spacing: 10px; }
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

উদাহরণ ২: 3cm vs 40px

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { word-spacing: 3cm; }
p.demo2 { word-spacing: 40px; }
</style>
</head>
</body>
</html>

সুঢ়াব: অতিরিক্ত স্পেস রিডেবিলিটি হ্রাস করতে পারে। সাধারণত 0.5em থেকে 1em পর্যন্ত মান ভালো কাজ করে।

  1. CSS text-decoration দিয়ে টেক্সট সাজানো: আন্ডারলাইন, ওভারলাইন, লাইন-থ্রু

  2. RGBA ব্যবহার করে CSS ট্রান্সপারেন্সি

  3. CSS ইমেজ স্প্রাইট ব্যবহারের সুবিধা

  4. CSS-এ Data-Attributes (data-*) ব্যবহার করা