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

CSS-এ টেক্সটের মধ্যে হোয়াইটস্পেস (whitespace) কীভাবে সেট করবেন?

টেক্সটের মধ্যে হোয়াইটস্পেস নিয়ন্ত্রণ করতে white-space property ব্যবহার করা হয়। সম্ভাব্য মান: normal, pre, nowrap।

উদাহরণ

নিচের কোডটি রান করে CSS-এ টেক্সটের মধ্যে হোয়াইটস্পেস সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <p style="white-space:pre;">
      This text has a line break and the white-space pre setting tells the browser to honor
      it just like the HTML pre tag.</p>
  </body>
</html>

আধুনিক মান: pre-wrap, pre-line, break-spaces। pre-wrap লাইন ব্রেক ও স্পেস দুটোই রক্ষা করে এবং লাইন র‍্যাপ করে।

  1. CSS-এ মার্কার ও টেক্সটের মাঝপথের দুরী (marker-offset) সেট করা

  2. CSS দিয়ে কলামের মাঝপথে রঙিন নিয়ম (rule) সেট করুন

  3. CSS column-rule-width প্রোপার্টি দিয়ে কলামের মাঝপথের রেখার প্রস্থ সেট করুন

  4. CSS column-rule-style প্রোপার্টি দিয়ে কলামের মাঝপথের রেখার শৈলী সেট করুন