text-decoration-style প্রপার্টি

text-decoration-style প্রপার্টি টেক্সট লাইনের ধরন পরিবর্তন করে: একক লাইন, ডবল লাইন, বিন্দু আকারে, ড্যাশ আকারে, তরঙ্গাকার লাইন।

প্রপার্টিটি text-decoration-line এবং text-decoration-color প্রপার্টির সাথে একত্রে ব্যবহার করা উচিত। এই প্রপার্টিগুলো text-decoration প্রপার্টির কার্যকারিতা সম্প্রসারণ করে, আরও উন্নত অ্যানালগ হিসেবে কাজ করে।

সিনট্যাক্স

cssসিলেক্টর {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

মানসমূহ

ডিফল্ট মান: solid।

উদাহরণ . wavy মান

এখন টেক্সটটি লাল তরঙ্গাকার লাইন দ্বারা আন্ডারলাইন করা হবে:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: wavy;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

উদাহরণ . dotted মান

এখন টেক্সটটি লাল বিন্দু আকারের লাইন দ্বারা আন্ডারলাইন করা হবে:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

উদাহরণ . double মান

এখন টেক্সটটি লাল ডবল লাইন দ্বারা কাটা করা হবে:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: