CSS বর্তনী-রঙ প্রতিভূতি

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

border-color একটি বৈশিষ্ট্য যা চারটি হোড়ার রঙ নির্ধারণ করতে পারে।

border-color একটি সংক্ষিপ্ত বৈশিষ্ট্য, একটি তত্ত্বকে সমস্ত হোড়ার দৃশ্যমান অংশের রঙ নির্ধারণ করতে পারে বা ৪টি হোড়ার জন্য ভিন্ন রঙ নির্ধারণ করতে পারে। নিচের উদাহরণ দেখুন:

উদাহরণ 1

border-color:red green blue pink;
  • উপরদিকের কিনারা হল লাল
  • ডানদিকের হোড়া সবুজ
  • নীচদিকের কিনারা হল নীল
  • স্বল্পদিকের কিনারা হল পালিশ

উদাহরণ 2

border-color:red green blue;
  • উপরদিকের কিনারা হল লাল
  • ডানদিকের কিনারা এবং স্বল্পদিকের কিনারা হল সবুজ
  • নীচদিকের কিনারা হল নীল

উদাহরণ 3

border-color:dotted red green;
  • উপরদিকের কিনারা এবং নীচদিকের কিনারা হল লাল
  • ডানদিকের কিনারা এবং স্বল্পদিকের কিনারা হল সবুজ

উদাহরণ 4

border-color:red;
  • সব চারটি কিনারা লাল রঙ

মনে রাখুন যে, কিনারার শৈলী "none" বা "hidden" হলে, কিনারা দেখা যাবে না。

মন্তব্য:সর্বদা border-style প্রকৃতিটিকে border-color প্রকৃতিটির আগে ঘোষণা করুন।এলিমেন্টটির রঙ পরিবর্তন করা হওয়ার আগে এলিমেন্টটির কিনারা পাওয়া উচিত。

অন্যান্য দেখুন:

CSS শিক্ষাক্রমCSS বর্তন

HTML DOM পরিচ্ছেদকborderColor প্রকৃতি

উদাহরণ

4টি কিনারার রঙ নির্ধারণ করুন:

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

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

CSS সংজ্ঞা

border-color: color|transparent|initial|inherit;

প্রকৃতির মান

মান বর্ণনা
color_name শুধুমাত্র রঙ নামের মানের রঙটি নির্ধারণ করে কিনারার রঙ (যেমন red)
hex_number ষড়যন্ত্রমানের মানের রঙটি নির্ধারণ করে কিনারার রঙ (যেমন #ff0000)
rgb_number rgb কোডের মানের রঙটি নির্ধারণ করে কিনারার রঙ (যেমন rgb(255,0,0))
transparent ডিফল্ট মান।কিনারার রঙ হল স্পষ্ট।
inherit প্রতিবেদন করা হয়েছে যে কিনারার রঙ পিতৃ ইলেকট্রনকে থেকে উত্তরসূরী করা হবে。

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

ডিফল্ট মান: not specified
উত্তরসূরীতা: no
সংস্করণ: CSS1
JavaScript সংজ্ঞা: object.style.borderColor="#FF0000 blue"

আরও উদাহরণ

চারটি কিনারার রঙ নির্ধারণ
এই উদাহরণটি দেখায় কিভাবে চারটি কিনারার রঙ নির্ধারণ করা যায়। একটি থেকে চারটি রঙ নির্ধারণ করা যায়。

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

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

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

মন্তব্য:Internet Explorer 6 (এবং এর আগের সংস্করণ) "transparent" মানটি সমর্থন করে না。

মন্তব্য:IE7 এবং এর আগের সংস্করণের ব্রাউজার "inherit" মানটি সমর্থন করে না। IE8-এর জন্য !DOCTYPE প্রয়োজন।IE9 "inherit" সমর্থন করে。