বৈশিষ্ট্য border-color

বৈশিষ্ট্য border-color একই সাথে সব দিকের বা প্রতিটি দিকের আলাদাভাবে সীমানার রঙ নির্ধারণ করে। বৈশিষ্ট্যের মান হচ্ছে যেকোনো রঙের একক। ডিফল্ট মান: ব্লকের টেক্সটের মতো একই রঙ।

বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির জন্য একটি সংক্ষিপ্ত বৈশিষ্ট্য: border-left-color, border-right-color, border-top-color, border-bottom-color।

সিনট্যাক্স

cssসিলেক্টর {
  border-color: রঙ;
}

মানের সংখ্যা

বৈশিষ্ট্যটি 1, 2, 3 বা 4 মান নিতে পারে, স্পেস দ্বারা বিচ্ছিন্নভাবে উল্লেখ করা:

উদাহরণ

চলুন ব্লকের সীমানা লাল রঙ করি:

html<div id="elem"></div>

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: red;
  width: 300px;
  height: 100px;
}

Результат:

উদাহরণ

শীর্ষ এবং নীচের দিকের জন্য লাল সীমানা নির্ধারণ করি, এবং ডান ও বাম দিকের জন্য নীল সীমানা নির্ধারণ করি:

html<div id="elem"></div>

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: red blue;
  width: 300px;
  height: 100px;
}

Результат:

উদাহরণ

শীর্ষ দিকের জন্য লাল সীমানা নির্ধারণ করি, ডান দিকের জন্য নীল, নীচের দিকের জন্য সবুজ, বাম দিকের জন্য কালো সীমানা নির্ধারণ করি:

html<div id="elem"></div>

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: red blue green black;
  width: 300px;
  height: 100px;
}

Результат:

উদাহরণ

একই সাথে ভিন্ন বেধ, টাইপ এবং রঙের সীমানা নির্ধারণ করি:

html<div id="elem"></div>

css#elem {
  border-width: 1px 2px 3px 4px;
  border-style: dashed dotted solid double;
  border-color: red blue green black;
  width: 300px;
  height: 100px;
}

Результат:

উদাহরণ

যদি সীমানার রঙ border-color এ নির্ধারণ করা না থাকে - এটি color বৈশিষ্ট্য থেকে নেওয়া হবে:

html<div id="elem"></div>

css#elem {
  color: red;
  border-style: solid;
  border-width: 2px;
  width: 300px;
  height: 100px;
}

Результат:

আরও দেখুন