CSS রঙ শব্দ

এই বিভাগে ব্যাখ্যা করা হবে transparent、currentcolor এবং inherit শব্দ

transparent শব্দ

transparent এই শব্দটি রংটিকে স্বচ্ছ করার জন্য ব্যবহৃত হয়। এটি সাধারণত উপাদানকে স্বচ্ছ পটভূমির রং নির্ধারণ করার জন্য ব্যবহৃত হয়।

ইনস্ট্যান্স

এখানে, <div> এলাকার পটভূমির রং সম্পূর্ণভাবে স্বচ্ছ হবে, এবং পটভূমি ছবি দেখানো হবে:

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

স্বয়ং প্রয়োগ করুন

নোট:transparent শব্দটির সমতুল্য rgba(0,0,0,0)RGBA রং মানটি RGB রং মানের সম্প্রসারণ, যা alpha চ্যানেল সহ আছে - যা রংটির অস্বচ্ছতা নির্ধারণ করে। আরও তথ্য আমাদের CSS RGB বিভাগ এবং CSS রঙ বিভাগ

currentcolor শব্দ

currentcolor এই শব্দটি একটি বদলযুক্ত বস্তুর মতো, যা উপাদানের color বৈশিষ্ট্যের সর্বশেষ রং মান সংরক্ষণ করে:

যদি আপনি কোনও বিশেষ রংকে উপাদান বা পৃষ্ঠায় একইভাবে রাখতে চান, তবে এই শব্দটি খুবই উপযুক্ত হবে।

ইনস্ট্যান্স

এই উদাহরণে, <div> এলাকার কান্তির রং নীল হবে, কারণ <div> এলাকার লেখার রং নীল:

div {
  color: blue;
  border: 10px solid currentcolor;
}

স্বয়ং প্রয়োগ করুন

ইনস্ট্যান্স

এই উদাহরণে, <div> এর পটভূমির রং বহনকারী তত্ত্বের সর্বশেষ রং মান নির্ধারণ করা হয়:

body {
  color: purple;
}
div {
  background-color: currentcolor;
}

স্বয়ং প্রয়োগ করুন

ইনস্ট্যান্স

এই উদাহরণে, <div> এর হোল্ডার সংলগ্ন হবে বয়ার রঙ এবং শ্যাডো রঙটি বয়ার ইলেমেন্টের সর্বশেষ রঙ মান হবে:

body {
 color: green;
}
div {
  box-shadow: 0px 0px 15px currentcolor;
  border: 5px solid currentcolor;
}

স্বয়ং প্রয়োগ করুন

inherit কীওয়ার্ড

inherit কীওয়ার্ডটি প্রতিভা এর মানটিকে তার পূর্ববর্তী হোল্ডার থেকে উত্তরাধিকার নেয়。

inherit কীওয়ার্ডগুলি কোনও CSS অ্যাট্রিবিউটে ব্যবহৃত হতে পারে এবং কোনও HTML ইলেমেন্টে ব্যবহৃত হতে পারে。

ইনস্ট্যান্স

এই উদাহরণে, <span> এর হোল্ডার সংলগ্ন হবে:

div {
  border: 2px solid red;
}
span {
  border: inherit;
}

স্বয়ং প্রয়োগ করুন