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

CSS ব্যবহার করে Letter Spacing


অক্ষর বা ক্যারেক্টারগুলোর মাঝপথে স্পেস সেট করতে letter-spacing প্রপার্টি ব্যবহার করুন। প্রপার্টি মানগুলো:

letter-spacing: normal|length|initial|inherit;

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { letter-spacing: 1px; }
p.demo2 { letter-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>

আউটপুট

CSS ব্যবহার করে Letter Spacing

উদাহরণ

আরেকটি উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { letter-spacing: 1cm; }
p.demo2 { letter-spacing: -2px; }
</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>

আউটপুট

CSS ব্যবহার করে Letter Spacing


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

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

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

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