কম্পিউটার

সিএসএস দিয়ে বর্ডার ইমেজটিকে গোলাকার, পুনরাবৃত্তি এবং প্রসারিত হিসাবে সেট করুন


বর্ডার-ইমেজ-রিপিট প্রপার্টিটি সিএসএস দিয়ে বর্ডার ইমেজকে গোলাকার, পুনরাবৃত্তি এবং প্রসারিত হিসাবে সেট করতে ব্যবহৃত হয়।

উদাহরণ

আপনি বর্ডার-ইমেজ-রিপিট বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন সম্পত্তি:

<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;
            border-image-slice: 40;
            border-image-width: 20px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

  1. CSS দিয়ে navbar এর চারপাশে একটি বর্ডার সেট করুন

  2. CSS সহ একটি বৃত্তাকার সক্রিয় এবং হোভার বোতাম সেট করুন

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

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