CSS বর্তনা-তল-রঙ প্রতিভূতি
- পূর্ববর্তী পৃষ্ঠা 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 | ডিফল্ট মান। হোল্ডার রঙ স্বচ্ছ (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
