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

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

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

সিনট্যাক্স

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

মানসমূহ

মান	বর্ণনা
`solid`	একক লাইন।
`double`	ডবল লাইন।
`dotted`	বিন্দু আকারের লাইন।
`dashed`	ড্যাশ আকারের লাইন।
`wavy`	তরঙ্গাকার লাইন।

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

উদাহরণ . wavy মান

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

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

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

উদাহরণ . dotted মান

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

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

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

উদাহরণ . double মান

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

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

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