CSS বর্তনা-ইনলাইন-কালার এট্রিবিউট

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

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-colorborder-left-colorborder-right-color এবং border-top-color বৈশিষ্ট্য অত্যন্ত সমান, কিন্তু border-inline-color বৈশিষ্ট্য ল্যান্ডিং দিশা-র উপর নির্ভর করে

নোট:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-modetext-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 প্রতিশব্দ