কম্পিউটার

CSS দিয়ে ইমেজ পাথ সেট করুন


বর্ডার-ইমেজ-সোর্স প্রপার্টি CSS-এ ইমেজ পাথ সেট করতে ব্যবহার করা হয়। আপনি ইমেজ পাথ −

সেট করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

উদাহরণ

<html>
   <head>
      <style>
         #borderimg1 {
            border: 15px solid transparent;
            padding: 15px;
            border-image-source: url(https://tutorialspoint.com/css/images/border.png);
            border-image-repeat: round;
         }
      </style>
   </head>
   
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

  1. CSS দিয়ে একটি বোতামের প্রস্থ সেট করুন

  2. সিএসএস দিয়ে ইমেজে বোতাম সেট করুন

  3. CSS এর সাথে ব্যাকগ্রাউন্ড ইমেজ হিসাবে একটি লিনিয়ার গ্রেডিয়েন্ট সেট করুন

  4. CSS সহ ব্যাকগ্রাউন্ড ইমেজ হিসাবে একটি রেডিয়াল গ্রেডিয়েন্ট সেট করুন