নিম্নোক্ত টেক্সট-ডেকোরেশন বৈশিষ্ট্যগুলির প্রবর্তনের সাথে, আমরা এখন আগের চেয়ে আরও অনেক উপায়ে টেক্সট স্টাইল করতে পারি। টেক্সট-ডেকোরেশন হল টেক্সট-ডেকোরেশন-থিকনেস, টেক্সট-ডেকোরেশন-কালার, টেক্সট-ডেকোরেশন-লাইন এবং টেক্সট-ডেকোরেশন-স্টাইলের শর্টহ্যান্ড। text-decoration-skip, text-decoration-skip-ink, টেক্সট-সজ্জা, টেক্সট-আন্ডারলাইন-অফসেট এবং টেক্সট-আন্ডারলাইন-পজিশন স্পষ্টভাবে উল্লেখ করা প্রয়োজন।
সিনট্যাক্স
CSS পাঠ্য-সজ্জার সিনট্যাক্স নিম্নরূপ -
Selector {
text-decoration: /*value*/
} উদাহরণ
নিচের উদাহরণগুলো CSS টেক্সট-ডেকোরেশন প্রপার্টি ব্যাখ্যা করে।
<!DOCTYPE html>
<html>
<head>
<style>
#one {
text-decoration-style: double;
text-decoration-skip-ink: auto;
}
p {
padding: 2%;
text-decoration-line: underline overline;
text-decoration-style: wavy;
}
p:nth-of-type(even) {
text-decoration: overline;
}
span {
text-decoration: line-through;
}
</style>
</head>
<body>
<p id="one">Random Demo abcdefghijklmnopqrstuvwxyz</p>
<p>Random Demo Text</p>
<p>Random <span>Demo</span> Text</p>
</body>
</html> এটি নিম্নলিখিত আউটপুট দেয়
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 3%;
font-size: x-large;
text-decoration-line: underline overline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 4px;
}
</style>
</head>
<body>
<p>Super Demo abcdefghijklmnopqrstuvwxyz</p>
</body>
</html> এটি নিম্নলিখিত আউটপুট দেয়
