সিএসএস(৩) text-shadow প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-shadow | ৪.০ | ১০.০ | ৩.৫ | ৪.০ | ৯.৬ |
সংজ্ঞা ও ব্যবহার
text-shadow প্রোপার্টি লেখায় স্যাডো যোগ করে।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| none | হ্যাঁ | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
text-shadow: h-shadow v-shadow blur-radius color/none/initial/inherit;
পরামর্শঃ
- লেখায় একের বেশি shadow যোগ করতে তালিকায় কমা যোগ করুন।
বেসিক text-shadow:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
<style>
h1 {
text-shadow: 2px 2px #FF0000;
}
</style>
</head>
<body>
<h1>স্যাট-একাডেমি</h1>
<p><b>নোটঃ </b> ইন্টারনেট এক্সপ্লোরার ৯ এবং এর আগের ভার্সন এ text-shadow প্রোপার্টি সাপোর্ট করবে না।</p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object. style.textShadow="2px 5px 5px red"উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
</head>
<body>
<p> "উদাহরণ দেখুন" বাটনে ক্লিক করলে H1 এলিমেন্টে লাল শ্যাডো যুক্ত হবেঃ </p>
<button onclick="myFunction()">উদাহরণ দেখুন</button>
<h1 id="myH1"> এটা হলো হিডার। </h1>
<script>
function myFunction() {
document.getElementById("myH1").style.textShadow = "2px 5px 5px red";
}
</script>
<p><b>নোটঃ</b> ইন্টারনেট এক্সফ্লোরার ৯ এবং এর আগের ভার্সন এ textShadow প্রোপার্টি সাপোর্ট করবে না। </p>
</body>
</html>
ফলাফল
text-shadow প্রোপার্টির ভ্যালু-সমূহ
- h-shadow - প্রয়োজন অনুসারে অনুভূমিক স্যাডোর অবস্থান। নেতিবাচক ভ্যালু গ্রহনযোগ্য।
- v-shadow - প্রয়োজন অনুসারে উল্লম্ব স্যাডোর অবস্থান নেতিবাচক ভ্যালু গ্রহনযোগ্য।
- blur-radius - ঐচ্ছিক । blur radius ডিফল্ট ভ্যালু হল 0।
- color - ঐচ্ছিক । স্যাডোর কালারসিএসএস রং ভ্যালু উপযুক্ত রং ভ্যালুর সম্পূর্ণ তালিকা।
- none - ডিফল্ট ভ্যালু। কোনো shadow নেই।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
text-shadow প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।