CSS বর্তনা-ইনলাইন-কালার এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা border-inline
- পরবর্তী পৃষ্ঠা border-inline-end
সংজ্ঞা ও ব্যবহার
border-inline-color
প্রতিভা সংজ্ঞায়িত করা হবে যাতে ইনলাইন দিকের সীমান্ত রঙ সংজ্ঞায়িত হয়
নোট:যদি হতে হবে border-inline-color
প্রতিভা কার্যকর হতে হবে, নিম্নলিখিত সংজ্ঞাটি সংযোজিত করতে হবে border-inline-style
。
border-inline-color
প্রতিভার মানটি বিভিন্ন পদ্ধতিতে সংজ্ঞায়িত করা যেতে পারে:
যদি border-inline-color
প্রতিভার দুটি মান রয়েছে:
border-inline-color: pink blue;
- লাইন ইনলাইন শুরু সীমান্ত রঙ পিনক হবে
- লাইন ইনলাইন শেষ সীমান্ত রঙ নীল হবে
যদি border-inline-color
প্রতিভার একটি মান রয়েছে:
border-inline-color: blue;
- লাইন ইনলাইন শুরু এবং শেষ সীমান্ত রঙ নীল হবে
CSS-এর border-inline-color
প্রতিভা এবং border-bottom-color
、border-left-color
、border-right-color
এবং border-top-color
বৈশিষ্ট্য অত্যন্ত সমান, কিন্তু border-inline-color
বৈশিষ্ট্য ল্যান্ডিং দিশা-র উপর নির্ভর করে
নোট:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode
、text-orientation
এবং direction
ল্যান্ডিং দিশা নির্দেশ করে।এটি একটি দিনের শুরু এবং শেষ স্থান এবং border-inline-color
বৈশিষ্ট্যের প্রভাব।ইংরেজি পাতায় ল্যান্ডিং দিশা ডান থেকে বাম, ব্লক দিশা নিচ থেকে উপর আছে
উদাহরণ
উদাহরণ 1
ল্যান্ডিং দিশায় সীমানার রঙ নির্দিষ্ট করুন:
#example1 { border-inline-style: solid; border-inline-color: pink; } #example2 { border-inline-style: solid; border-inline-color: pink lightblue; }
উদাহরণ 2: writing-mode বৈশিষ্ট্যের সাথে মিলিত
ল্যান্ডিং এবং শেষ স্থানের সীমানার বরাবর দিশা writing-mode
বৈশিষ্ট্যের প্রভাব:
div { border-inline-style: solid; writing-mode: vertical-rl; border-inline-color: blue; }
উদাহরণ 3: direction বৈশিষ্ট্যের সাথে মিলিত
ল্যান্ডিং এবং শেষ স্থানের সীমানার বরাবর দিশা direction
বৈশিষ্ট্যের প্রভাব:
div { direction: rtl; border-inline-color: blue hotpink; }
CSS সংজ্ঞা
border-inline-color: রঙ|transparent|initial|inherit;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
রঙ |
সীমানার রঙটি নির্দিষ্ট করুন। ডিফল্ট রঙ হল এলিমেন্টের বর্তমান রঙ CSS রঙ মান দেখুন এবং সম্ভাব্য রঙ মানের সমপূর্ণ তালিকা পান |
স্বচ্ছ | সীমানার রঙটি স্বচ্ছ করুন |
প্রথমবার | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন: প্রথমবার。 |
উত্তরসূরীতা | এই বৈশিষ্ট্যটি তার পিতৃ এলিমেন্ট থেকে উত্তরসূরীতা করে। দেখুন: উত্তরসূরীতা。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | এলিমেন্টের বর্তমান রঙ |
---|---|
উত্তরসূরীতা: | না |
অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়: দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。 |
সংস্করণ: | CSS3 |
জেভাস্ক্রিপ্ট সংজ্ঞা: | object.style.borderInlineColor="pink" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই ব্যাটারির প্রথম পূর্ণাঙ্গ সমর্থনকারী ব্রাউজার সংস্করণকে নির্দেশ করে。
চ্রোম | এজ | ফায়ারফক্স | সাফারি | অপেরা |
---|---|---|---|---|
87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
সংশ্লিষ্ট পৃষ্ঠা
শিক্ষাক্রম:CSS বর্তন
উল্লেখ:CSS বর্তনা এট্রিবিউট
উল্লেখ:CSS বর্তনা-ইনলাইন এট্রিবিউট
উল্লেখ:CSS border-inline-style প্রতিভূতি
উল্লেখ:CSS বর্তনা-ডাউন-কালার এট্রিবিউট
উল্লেখ:CSS border-left-color প্রতিভূতি
উল্লেখ:CSS border-right-color প্রতিভূতি
উল্লেখ:CSS border-top-color প্রতিভূতি
উল্লেখ:CSS দিশা প্রতিশব্দ
উল্লেখ:CSS text-orientation প্রতিশব্দ
উল্লেখ:CSS writing-mode প্রতিশব্দ
- পূর্ববর্তী পৃষ্ঠা border-inline
- পরবর্তী পৃষ্ঠা border-inline-end