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

CSS-এ একসাথে বর্ডারের রঙ, স্টাইল, প্রস্থ সেট করা (shorthand)

border property ব্যবহার করে একসাথে বর্ডারের রঙ, স্টাইল এবং প্রস্থ নির্দিষ্ট করা যায়।

উদাহরণ

নিচের কোডটি রান করে border shorthand property-র ব্যবহার শিখুন:

<html>
  <head>
  </head>
  <body>
    <p style="border:3px solid green;">
      This example is showing shorthand property for border. </p>
  </body>
</html>

সিনট্যাক্স: border: width style color;। ক্রম যেকোনো হতে পারে, কিন্তু এই ক্রম মানক। আলাদা পাশে আলাদা স্টাইল দিতে border-top, border-right ইত্যাদি ব্যবহার করুন।

  1. CSS-এ বর্ডারের স্টাইল (border-style) সেট করা

  2. CSS-এ বাম বর্ডারের রঙ পরিবর্তন করা

  3. CSS-এ বর্ডারের রঙ (border-color) সেট করা

  4. CSS দিয়ে আউটলাইনের প্রস্থ, লাইন স্টাইল এবং রঙ একসাথে সেট করা