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

CSS দিয়ে বটম বর্ডারের স্টাইল সেট করুন


বটম বর্ডারের স্টাইল সেট করতে border-bottom-style প্রোপার্টি ব্যবহার করুন। আপনি সেট করতে পারেন: dotted, double, dashed, solid ইত্যাদি।

উদাহরণ

নিচের কোড রান করে বটম বর্ডার স্টাইল করতে পারেন:

<!DOCTYPE html> <html>   <head>     <style>       p.dotted {border-bottom-style: dotted;}       p.double {border-bottom-style: double;}       p.dashed {border-bottom-style: dashed;}       p.solid {border-bottom-style: solid;}       p.inset {border-bottom-style: inset;}       p.outset {border-bottom-style: outset;}     </style>   </head>   <body>     <p class = "dotted">Dotted bottom border.</p>     <p class = "double">Double bottom border.</p>     <p class = "dashed">Dashed bottom border.</p>     <p class = "solid">Solid bottom border.</p>     <p class = "inset">Inset bottom border.</p>     <p class = "outset">Outset bottom border.</p>   </body> </html>

আউটপুট

CSS দিয়ে বটম বর্ডারের স্টাইল সেট করুন


  1. CSS দিয়ে লেফট বর্ডারের প্রস্থ সেট করুন

  2. CSS-এ টেক্সট ডেকোরেশনের স্টাইল সেট করুন

  3. CSS দিয়ে বর্ডার তৈরি ও স্টাইল করা

  4. CSS-এ border শর্টহ্যান্ড প্রপার্টি