কম্পিউটার

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


সীমানার শৈলী সেট করতে, বর্ডার-স্টাইল ব্যবহার করুন সম্পত্তি সীমানা-শৈলী বৈশিষ্ট্য আপনাকে সীমানার নিম্নলিখিত শৈলীগুলির মধ্যে একটি নির্বাচন করতে দেয়:

  • কোনোটি নয়: কোন সীমানা নেই
  • সলিড: সীমানা একটি একক কঠিন রেখা।
  • ডটেড: বর্ডার হল বিন্দুর একটি সিরিজ।
  • ড্যাশ করা হয়েছে: বর্ডার হল ছোট লাইনের একটি সিরিজ।
  • ডবল: সীমানা দুটি কঠিন লাইন।
  • খাঁজ: সীমানা দেখে মনে হচ্ছে এটি পৃষ্ঠায় খোদাই করা আছে।
  • রিজ: সীমানা খাঁজের বিপরীত দেখায়।
  • ইনসেট: বর্ডার বাক্সটিকে এমনভাবে দেখায় যেন এটি পৃষ্ঠায় এম্বেড করা আছে।
  • শুরু: সীমানা বাক্সটিকে এমন মনে করে যেন এটি ক্যানভাস থেকে বেরিয়ে আসছে।
  • লুকানো:৷ সারণী উপাদানগুলির জন্য সীমানা-সংঘাত সমাধানের শর্তাবলী ছাড়া অন্য কোনটির মতো নয়৷

উদাহরণ

আপনি সীমানা শৈলী সেট করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

<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:solid;">
         This is a solid border.
      </p>
      <p style = "border-width:4px; border-style:dashed;">
         This is a dashed border.
      </p>
      <p style = "border-width:4px; border-style:double;">
         This is a double border.
      </p>
      <p style = "border-width:4px; border-style:groove;">
         This is a groove border.
      </p>
   </body>
</html>

  1. CSS এর সাথে আউটসেট বর্ডার সেট করুন

  2. CSS এর সাথে ইনসেট বর্ডার সেট করুন

  3. CSS দিয়ে বর্ডার ইমেজের প্রস্থ সেট করুন

  4. CSS ব্যবহার করে নিচের সীমানার স্টাইল সেট করুন