বৈশিষ্ট্য text-shadow

বৈশিষ্ট্য text-shadow পাঠ্যে একটি ছায়া নির্দিষ্ট করে। মান হিসাবে, বৈশিষ্ট্যটি 4 টি প্যারামিটার নেয়, স্পেস দ্বারা পৃথক করা, অথবা কীওয়ার্ড none, যা ছায়াকে সম্পূর্ণরূপে বাতিল করে (এটি ডিফল্ট মান)।

সিনট্যাক্স

সিলেক্টর {
	text-shadow: x_অক্ষে_সরণ y_অক্ষে_সরণ ব্লার রং;
}

সিলেক্টর {
	text-shadow: none;
}

প্যারামিটার

প্যারামিটার	বর্ণনা
x অক্ষে সরণ	X অক্ষ বরাবর ছায়ার সরণ নির্দিষ্ট করে। ধনাত্মক মান ডানদিকে সরায়, ঋণাত্মক মান - বামদিকে।
y অক্ষে সরণ	Y অক্ষ বরাবর ছায়ার সরণ নির্দিষ্ট করে। ধনাত্মক মান নীচের দিকে সরায়, ঋণাত্মক মান - উপরের দিকে।
ব্লার	ছায়ার ব্লার নির্দিষ্ট করে। মান যত বেশি হবে - ছায়া তত বেশি ব্লার হবে। ঐচ্ছিক প্যারামিটার। যদি নির্দিষ্ট না করা থাকে - ছায়া স্পষ্ট হবে।
রং	যেকোনো রঙের একক-এ ছায়ার রং নির্দিষ্ট করে। ঐচ্ছিক প্যারামিটার। যদি নির্দিষ্ট না করা থাকে - ছায়ার রং পাঠ্যের রঙের সাথে মিলে যায়।

অক্ষ বরাবর সরণ এবং ব্লার যেকোনো আকারের একক-এ নির্দিষ্ট করা যায়, শতাংশ বাদ দিয়ে।

উদাহরণ

আসুন ছায়াটি নীচে এবং বামে সরাই এবং একটি ছোটখাটো ব্লার যোগ করি:

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

#elem {
	text-shadow: 5px 5px 3px black;
}

উদাহরণ . স্পষ্ট ছায়া

এবং এখন ছায়াটি লাল রঙের করি, এটিকে নীচে এবং বামে সরাই, কিন্তু ব্লার সরিয়ে ফেলি - ছায়া স্পষ্ট হবে:

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

#elem {
	text-shadow: 10px 10px red;
}

উদাহরণ . সমপরিমাণ ছায়া

এখন ছায়া সরানো হয়নি, কিন্তু এতে ব্লার যোগ করা হয়েছে:

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

#elem {
	text-shadow: 0px 0px 3px black;
}

আরও দেখুন

বৈশিষ্ট্য box-shadow,
যা একটি কনটেইনারে ছায়া নির্দিষ্ট করে