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

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

CSS-এ outset বর্ডার সেট করতে border-style property-র মান outset ব্যবহার করা হয়। এটি বক্সকে ক্যানভাস থেকে বের হয়ে আসা দেখায় (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:outset;">
      This is outset border. </p>
  </body>
</html>

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

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

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

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

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