CSS ขอบทุกขอบ

CSS হোল্ডার - একক হোল্ডার

পূর্ববর্তী চাপের উদাহরণ থেকে, আপনি দেখেছেন যে প্রত্যেকটি পাশের জন্য ভিন্ন হোল্ডার সেটিংগুলি নির্ধারণ করা যেতে পারে。

সিএসএস (CSS) তে, কিছু অপেক্ষাকৃত প্রতিবন্ধকতা সেটিংগুলি প্রত্যেক হোল্ডার (শীর্ষ, ডান, নিচ, বাম) নির্দিষ্ট করার জন্য ব্যবহার করা যেতে পারে:

ইনস্ট্যান্স

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}

ফলাফল:

ভিন্ন হোল্ডার শৈলী

আপনার নিজেই চেষ্টা করুন

ভিন্ন হোল্ডার শৈলী

এই উদাহরণের ফলাফল একই হয়:

ইনস্ট্যান্স

p {
  border-style: dotted solid;
}

আপনার নিজেই চেষ্টা করুন

তার কাজকর্ম এইভাবে হয়:

যদি border-style প্রতিবন্ধকতা সেটিংগুলি চারটি মান নির্ধারণ করে:

border-style: dotted solid double dashed;

  • উপরের হোল্ডার হুমকি
  • ডানপাশের হোল্ডার সত্য
  • নিচের হোল্ডার দ্বিগুণ
  • বামপাশের হোল্ডার হুমকি

যদি border-style প্রতিবন্ধকতা সেটিংগুলি তিনটি মান নির্ধারণ করে:

border-style: dotted solid double;

  • উপরের হোল্ডার হুমকি
  • ডানদিক ও বামদিক হালকা লাইন
  • নিচের হোল্ডার দ্বিগুণ

যদি border-style এট্রিবিউট দুইটি মান সেট করে

border-style: dotted solid;

  • উপরদিক ও নিচদিক হালকা ড্রলাইন
  • ডানদিক ও বামদিক হালকা লাইন

যদি border-style এট্রিবিউট একটি মান সেট করে

border-style: dotted;

  • চারটি পাশের হালকা ড্রলাইন

ইনস্ট্যান্স

/* চারটি মান */
p {
  border-style: dotted solid double dashed; 
}
/* তিনটি মান */
p {
  border-style: dotted solid double; 
}
/* দুইটি মান */
p {
  border-style: dotted solid; 
}
/* একটি মান */
p {
  border-style: dotted; 
}

আপনার নিজেই চেষ্টা করুন

উদাহরণে ব্যবহৃত border-style এট্রিবিউট।কিন্তু border-width এবং border-color একইভাবে প্রযোজ্য