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

CSS-এ inset বর্ডার সেট করা

CSS-এ inset বর্ডার সেট করতে border-style property-র মান inset ব্যবহার করা হয়। এটি বক্সকে পেজে এম্বেডেড (ঘুসানো) দেখায় (3D ইফেক্ট)।

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:none;">
      This is a border with none width. </p>
    <p style="border-width:4px; border-style:inset;">
      This is inset border. </p>
  </body>
</html>

সম্পর্কিত: outset (বের হয়ে আসা), groove (খোদা), ridge (উঠা)। এই ৩D স্টাইলগুলোতে বর্ডার রঙের হালকা/গাঢ় ভেরিয়েশন ব্যবহার হয়।

  1. CSS-এ নিচের বাম কোণার বর্ডার সেট করা

  2. CSS-এ নিচের ডান কোণার বর্ডার সেট করা

  3. CSS border-top-left-radius দিয়ে উপরের বাম কোণার বর্ডার গোলাকার করা

  4. CSS-এ উপরের ডান কোণার বর্ডার সেট করুন