স্টাইল borderColor প্রতিভা
- পূর্ববর্তী পৃষ্ঠা বর্ডারকল্যাপ
- পরবর্তী পৃষ্ঠা বর্ডারইমেজ
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট
বিবরণ ও ব্যবহার
borderColor
এই প্রতিভা এলিমেন্টের হুকের রঙ সেট করা বা ফেরত দেয়।
এই প্রতিভা এক থেকে চারটি মান গ্রহণ করতে পারে:
- একটি মান, যেমন: p {border-color: red} - সব চারটি হুকের রঙ লাল
- দুইটি মান, যেমন: p {border-color: red transparent} - উপরের ও নিচের হোল রঙ লাল, বামদিকের ও ডানদিকের হোল রঙ স্বচ্ছ
- তিনটি মান, যেমন: p {border-color: red green blue}- উপরের হোল রঙ লাল, ডানদিকের ও বামদিকের হোল রঙ সবুজ, নিচের হোল রঙ বেগুনী
- চারটি মান, যেমন: p {border-color: red green blue yellow} - উপরের হোল রঙ লাল, ডানদিকের হোল রঙ সবুজ, নিচের হোল রঙ বেগুনী, বামদিকের হোল রঙ সবুজ
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:সিএসএস বর্ডার
CSS পরিচ্ছেদকৃতকারী:border-color বৈশিষ্ট্য
HTML DOM পরিচ্ছেদকৃতকারী:border বৈশিষ্ট্য
উদাহরণ
উদাহরণ 1
<div> উপাদানের চারটি হোল রঙকে লাল করা:
document.getElementById("myDiv").style.borderColor = "red";
উদাহরণ 2
<div> উপাদানের উপর ও নিচের হোল রঙকে সবুজ করা, বাম ও ডানদিকের হোল রঙকে বেগুনী করা:
document.getElementById("myDiv").style.borderColor = "green purple";
উদাহরণ 3
নির্দেশ করুন <div> উপাদানের হোল রঙ:
alert(document.getElementById("myDiv").style.borderColor);
সংজ্ঞা
বৈশিষ্ট্য borderColor ফলাফল নির্দেশ করুন:
object.style.borderColor
বৈশিষ্ট্য borderColor সংস্থাপন করুন:
object.style.borderColor = "color|স্বচ্ছ|initial|inherit"
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
color |
হোল রঙকে নির্দেশ করে। ডিফল্ট রঙ কালো দেখুন CSS রঙ মান,সম্ভাব্য রঙের মূল্যসমূহের সম্পূর্ণ তালিকা পাওয়ার জন্য |
স্বচ্ছ | হোল রঙ হলো স্বচ্ছ (নিচের কনটেন্ট প্রদর্শিত হবে) |
initial | এই বৈশিষ্ট্যকে তার ডিফল্ট মানে সংস্থাপিত করুন। দেখুন initial. |
inherit | এই বৈশিষ্ট্যকে তার পিতৃত্ব উপাদান থেকে উত্তরণ করুন। দেখুন inherit. |
কারিগরি বিবরণ
ডিফল্ট মান: | কালো |
---|---|
ফলাফল: | শব্দতালিকা, যা উপাদানের হোল রঙকে নির্দেশ করে |
CSS সংস্করণ: | CSS1 |
ব্রাউজার সমর্থন
তালিকায় সংখ্যা প্রথমবার এই বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে
Chrome | Edge | Firefox | স্যাফারি | ওপেরা |
---|---|---|---|---|
Chrome | Edge | Firefox | স্যাফারি | ওপেরা |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্ববর্তী পৃষ্ঠা বর্ডারকল্যাপ
- পরবর্তী পৃষ্ঠা বর্ডারইমেজ
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট