সিএসএস টেক্সট-ডেকোরেশন প্রপার্টিটি নির্বাচিত এলিমেন্টের টেক্সটে ডেকোরেশন প্রয়োগ করতে ব্যবহৃত হয়। আমরা মান হিসাবে একটি লাইন-থ্রু, ওভারলাইন, আন্ডারলাইন ইত্যাদি যোগ করতে পারি। এটি টেক্সট-ডেকোরেশন-লাইন, টেক্সট-ডেকোরেশন-কালার এবং টেক্সট-ডেকোরেশন-স্টাইলের জন্য একটি সংক্ষিপ্ত লেখা।
সিনট্যাক্স
টেক্সট-সজ্জা সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
text-decoration: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS টেক্সট-ডেকোরেশন প্রপার্টি −
চিত্রিত করে<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(2)::before {
content: " We will reach the destination ";
background-color: lightgreen;
text-decoration: overline blue;
font-size: 1.2em;
}
</style>
</head>
<body>
<p>I'm not the only traveller</p>
<p>
before night.
</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
span {
background: rgb(204,22,50);
text-decoration: blue line-through;
font-style: italic;
color: white;
}
p {
text-decoration: underline;
}
</style>
</head>
<body>
<h2>Department Details</h2>
<p>
The employees of Department Marketing, Operations, Finance,
<span>IT</span>
are requested to email their original documents.<span> Delay in submission will lead to delayed verification.</span>
</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
