কম্পিউটার টিউটোরিয়াল

CSS-এ টেক্সটের চারদিকে ছায়া (text-shadow) সেট করা

টেক্সটের চারদিকে ছায়া সেট করতে text-shadow property ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে CSS-এ টেক্সটের চারদিকে ছায়া সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <p style="text-shadow:3px 1px 4px green;">
      If your browser supports the CSS text-shadow property, this text will have a green shadow. </p>
  </body>
</html>

সিনট্যাক্স: text-shadow: x-offset y-offset blur-radius color;। একাধিক ছায়া কমা দিয়ে: text-shadow: 1px 1px 0 red, 2px 2px 0 blue;।

  1. CSS দিয়ে লেফট বর্ডারের প্রস্থ সেট করুন

  2. CSS-এ টেক্সট ডেকোরেশনের রং সেট করুন

  3. CSS-এ টেক্সট ডেকোরেশনের স্টাইল সেট করুন

  4. CSS-এ টেক্সটে ব্যবহৃত ডেকোরেশনের ধরন সেট করুন