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

CSS letter-spacing প্রোপার্টি ব্যবহার করে অক্ষরের মাঝপথে স্পেস সেট করা


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

উদাহরণ

নিচের উদাহরণগুলো CSS letter-spacing প্রোপার্টি প্রদর্শন করে।

<!DOCTYPE html> <html> <head> <style> p:first-of-type {    margin: 3%;    padding: 3%;    background-color: seagreen;    color: white;    letter-spacing: 2em;    font-size: 2em;    text-align: center; } </style> </head> <body> <p>BOOM</p> <p>BOOM</p> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে −

CSS letter-spacing প্রোপার্টি ব্যবহার করে অক্ষরের মাঝপথে স্পেস সেট করা

উদাহরণ

<!DOCTYPE html> <html> <head> <style> div {    display: flex;    margin: 3%;    padding: 3%;    border: 23px ridge navy; } p {    margin: 3%;    background-color: navajowhite;    letter-spacing: 12px;    font-size: 1.2em;    text-align: center; } </style> </head> <body> <div> <p>BOOM</p> <p>abcdefghijklmnop-qrstuvwxyz</p> </div> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে −

CSS letter-spacing প্রোপার্টি ব্যবহার করে অক্ষরের মাঝপথে স্পেস সেট করা


  1. CSS-এ কালার প্রপার্টি সেট করা: টেক্সট, বর্ডার, ব্যাকগ্রাউন্ড

  2. CSS appearance প্রপার্টি দিয়ে কাস্টম চেকবক্স তৈরি

  3. CSS tab-size প্রোপার্টি ব্যবহার করে HTML-এ ট্যাব সাইজ সেট করা

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