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

CSS দিয়ে আউটলাইনের লাইন স্টাইল সেট করা

ওভারভিউ

outline-style প্রপার্টি একটি এলিমেন্টের চারপাশে যাওয়া লাইনের স্টাইল নির্দিষ্ট করে।

উদাহরণ

নিচের কোড চালিয়ে outline-style প্রপার্টি বাস্তবায়ন করুন:

<html>
    <head>
    </head>
    <body>
        <p style = "outline-width:thin; outline-style:solid;">
               This text is having thin solid outline.
        </p>
        <br />
        <p style = "outline-width:thick; outline-style:dashed;">
               This text is having thick dashed outline.
        </p>
        <br />
        <p style = "outline-width:5px;outline-style:dotted;">
               This text is having 5x dotted outline.
        </p>
    </body>
</html>
  1. CSS দিয়ে ব্যাকগ্রাউন্ড কালারের ওপাসিটি সেট করুন

  2. CSS animation-fill-mode প্রোপার্টি দিয়ে এনিমেশনের ফিল-মোড সেট করা

  3. CSS animation-delay প্রোপার্টি দিয়ে এনিমেশনের শুরুর জন্য বিলম্ব সেট করা

  4. CSS দিয়ে পেজিনেশন স্টাইল করুন