CSS-এ পেজে খোদা হয়ে যাওয়ার মতো বর্ডার (groove) সেট করা

পেজে খোদা হয়ে যাওয়ার মতো বর্ডার সেট করতে border-style property-র মান groove ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে border-style property-র groove মান ব্যবহার করার পদ্ধতি শিখুন:

<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:groove;">
      This is a border carved into the page. </p>
  </body>
</html>

নোট: groove এবং ridge একে অপরের বিপরীত। inset/outset বক্স মডেলের জন্য, groove/ridge বর্ডার নিজের জন্য।