CSS border-bottom-color প্রতিভূতি
- পূর্ববর্তী পৃষ্ঠা border-bottom
- পরবর্তী পৃষ্ঠা border-bottom-left-radius
বিবরণ ও ব্যবহার
border-bottom-color বৈশিষ্ট্যটি এলিমেন্টের নীচের হোল রঙ নির্দেশ করে。
শুধুমাত্র সত্যান্তরজ্ঞ রঙ নির্দেশ করা যায় এবং হোল শুধুমাত্র ব্রেডার স্টাইল "none" বা "hidden" না হলে দেখা যাবে。
মন্তব্য:সর্বদা border-style বৈশিষ্ট্যকে border-color বৈশিষ্ট্যের আগে ঘোষণা করুন। এলিমেন্টটির রঙ পরিবর্তন করার আগে এলিমেন্টটির হোল প্রাপ্ত হতে হবে。
অন্যান্য দেখুন:
CSS শিক্ষাক্রমCSS হোল্ডিং
CSS পরিচ্ছেদ হান্ডবুকborder-bottom বৈশিষ্ট্য
HTML DOM পরিচ্ছেদ হান্ডবুকborderBottomColor বৈশিষ্ট্য
উদাহরণ
নীচের হোল রঙ সেট করা:
p
{
border-style:solid;
border-bottom-color:#ff0000;
}
CSS য়াকন্ত্র
border-bottom-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.borderBottomColor="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" মানকে সমর্থন করে。
- পূর্ববর্তী পৃষ্ঠা border-bottom
- পরবর্তী পৃষ্ঠা border-bottom-left-radius
