CSS border-style প্রতিশব্দ

সংজ্ঞা এবং ব্যবহার

border-style এক্সপ্রেসিয়ন সমস্ত সীমানার শৈলী নির্ধারণ করে বা পৃথকভাবে প্রত্যেক সীমার শৈলী নির্ধারণ করে。

যখন এই মান none না হলে সীমানা দেখা যাবে。

উদাহরণ ১

border-style:dotted solid double dashed;
  • ওপরদিক সীমানা পথদিক
  • ডানদিক সীমানা সত্যাকার
  • নীচদিক সীমানা দ্বিগুণ
  • সম্মুখদিক সীমানা হলদিক

উদাহরণ ২

border-style:dotted solid double;
  • ওপরদিক সীমানা পথদিক
  • ডানদিক এবং সম্মুখদিক সীমানা সত্যাকার
  • নীচদিক সীমানা দ্বিগুণ

উদাহরণ ৩

border-style:dotted solid;
  • ওপরদিক এবং নীচদিক সীমানা পথদিক
  • ডানদিক এবং সম্মুখদিক সীমানা সত্যাকার

উদাহরণ ৪

border-style:dotted;
  • সব ৪টি সীমানা পথদিক পথদিক

আরও দেখুন：

CSS টিউটোরিয়াল：CSS বর্তন

HTML DOM পরিচিতি বিন্যাস:borderStyle অধিকার

উদাহরণ

চারপাশের হাড়কোটা স্টাইল সেট করা

p
  {
  border-style:solid;
  }

স্বয়ং প্রয়াস করুন

CSS য়াকীউত্তর

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

অধিকার

মান বর্ণনা
none হাড়কোটা নেই
hidden এটি "none"-এর সমান।কিন্তু টেবিলের জন্য ব্যবহৃত হয় না; টেবিলের জন্য hidden ব্যবহৃত হয় এবং হাড়কোটা সংঘাত সমাধান করে。
dotted ডটকোটা হাড়কোটা নির্দেশ করে।অধিকাংশ ব্রাউজারে এটি সরু লাইন হিসাবে দেখা যায়。
dashed হালকা লাইন নির্দেশ করে।অধিকাংশ ব্রাউজারে এটি সরু লাইন হিসাবে দেখা যায়。
solid সরু লাইন নির্দেশ করে。
double দুইলাইন নির্দেশ করে।দুইলাইনের পক্ষপক্ষকোটা border-width এর মান অনুযায়ী।
groove 3D groove হাড়কোটা নির্দেশ করে।এর প্রভাব border-color এর মান অনুযায়ী।
ridge 3D bevel হাড়কোটা নির্দেশ করে।এর প্রভাব border-color এর মান অনুযায়ী।
inset 3D inset হাড়কোটা নির্দেশ করে।এর প্রভাব border-color এর মান অনুযায়ী।
outset 3D outset হাড়কোটা নির্দেশ করে।এর প্রভাব border-color এর মান অনুযায়ী।
inherit বাবা এলিমেন্ট থেকে হাড়কোটা স্টাইল উত্তরাধিকার করা উচিত

বর্ণনা

সবচেয়ে অপূর্বাত্তযোগ্য হাড়কোটা স্টাইল double।এটি দুটি লাইনের পক্ষপক্ষকোটা এবং এই দুটি লাইনের মধ্যের গভীরতা বলে নির্দেশ করে।কিন্তু CSS নিয়মবিধি কোনও একটি লাইনটি অন্যটির চেয়ে বড় হবে বা উভয়টি একই পক্ষপক্ষকোটা হবে বা লাইনগুলির মধ্যের গভীরতা কোনও লাইনের পক্ষপক্ষকোটার চেয়ে বড় হবে না বলে নির্দেশ করে না।সবকিছু ব্যবহারকারী প্রতিনিধির দ্বারা নির্ধারিত হয় এবং রচনাকারীদের এই নিয়ে কোনও প্রভাব নেই。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: not specified
প্রবর্তনকারীতা: no
সংস্করণ: CSS1
JavaScript য়াকীউত্তর object.style.borderStyle="dotted double"

আরও উদাহরণ

চারপাশের হাড়কোটা স্টাইল সেট করা
এই উদাহরণ দেখায় কিভাবে চারপাশের হাড়কোটা স্টাইল সেট করা যায়。
প্রত্যেক পাশের ভিন্ন হাড়কোটা সেট করা
এই উদাহরণ দেখায় কিভাবে এলিমেন্টের প্রত্যেক পাশে ভিন্ন হাড়কোটা সেট করা যায়。

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রতিভূতির প্রথম ব্রাউজার সংস্করণটির পূর্ণ সমর্থন নির্দেশ করে。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5