CSS হোল্ডার রঙ

CSS হোল্ডার রঙ

border-color এই প্রতিযোগীতা প্রতিযোগীতা চারটি হুকরের রঙ সংজ্ঞায়িত করে।

রঙ সংজ্ঞায়িত করার উপায়:

  • name - রঙ নাম নির্ধারণ করুন, যেমন "red"
  • HEX - ষোড়শতক মান নির্ধারণ করুন, যেমন "#ff0000"
  • RGB - RGB মান নির্ধারণ করুন, যেমন "rgb(255,0,0)"
  • HSL - HSL মান নির্ধারণ করুন, যেমন "hsl(0, 100%, 50%)"
  • transparent

মন্তব্য:যদি নির্ধারণ করা হয় না border-colorযদি কোনও মান না সংজ্ঞায়িত হয়, তবে তা উপাদানের রঙকে উত্তরাধিকার করবে。

ইনস্ট্যান্স

বিভিন্ন হুকরের রঙ প্রদর্শন করা হল:

p.one {
  border-style: solid;
  border-color: red;
}
p.two {
  border-style: solid;
  border-color: green;
}
p.three {
  border-style: dotted;
  border-color: blue;
}

ফলাফল:

রেড সমতল হুক

গ্রিন সমতল হুক

ব্লু ডটড হুক

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বিশেষ হুকরের রঙ

border-color প্রতিযোগীতা সংখ্যা ১ থেকে ৪ টি মান সংজ্ঞায়িত করা যেতে পারে (যা উপরের হুক, ডানদিকের হুক, নিচের হুক এবং বামদিকের হুক হিসাবে ব্যবহৃত হয়)。

ইনস্ট্যান্স

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* 上红、右绿、下蓝、左黄 */
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HEX মান

বর্তনীর রঙটিকে সবজাতীয়ভাবে (HEX) মান দিয়েও সম্পূর্ণ করা যেতে পারে:

ইনস্ট্যান্স

p.one {
  border-style: solid;
  border-color: #ff0000; /* লাল */
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

RGB মান

বা RGB মান ব্যবহার করা যেতে পারে:

ইনস্ট্যান্স

p.one {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* লাল */
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HSL মান

আরও HSL মান ব্যবহার করা যেতে পারে:

ইনস্ট্যান্স

p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* লাল */
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

আমাদের CSS রঙ হেক্স, RGB এবং HSL মানগুলি নিয়ে বিষয়টি শিখুন