CSS :active মিথ্যা-পদ

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

CSS :active প্রোপার্টি ব্যবহৃত হয় যাতে ব্যবহারকারীর সক্রিয় ইলেকট্রনিক্সের শৈলী নির্ধারণ করা যায়

:active প্রোপার্টি সবচেয়ে বেশি ব্যবহৃত <a> এবং <button> ইলেকট্রনিক্স যখন ব্যবহারকারী লিঙ্ক ক্লিক করে, তখন লিঙ্ক সক্রিয় হয়; বাটনও একইভাবে

টুইপ:ব্যবহার করুন :link অপরিদর্শিত পৃষ্ঠার লিঙ্ক শৈলী নির্ধারণ করুন :visited পরিদর্শিত পৃষ্ঠার লিঙ্ক শৈলী নির্ধারণ করুন :hover মাউস হভারের লিঙ্ক শৈলী নির্ধারণ করুন

নোট:সিএসএস নির্দেশনায়:active অনুবাদ করা উচিত :hover（যদি প্রয়োজন হয়ে থাকে）পরে কার্যকর হবে!

ইনস্ট্যান্স

উদাহরণ 1

নির্বাচন এবং সক্রিয় লিঙ্কের শৈলী নির্ধারণ করুন

a:active {
  background-color: yellow;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ 2

নির্বাচন এবং ব্যবহারকারীর ক্লিক করার সময় <button> ইলেকট্রনিক্সের শৈলী নির্ধারণ করুন

button:active {
  background-color: pink;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ 3

নির্বাচন এবং ক্লিক করার সময় <p>、<h1> এবং <a> ইলেকট্রনিক্সের শৈলী নির্ধারণ করুন

p:active, h1:active, a:active {
  background-color: yellow;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ 4

নির্বাচন এবং অপরিদর্শিত, পরিদর্শিত, হভার এবং সক্রিয় লিঙ্কের শৈলী নির্ধারণ করুন

/* অপরিদর্শিত লিঙ্ক */
a:link {
  color: green;
}
/* পরিদর্শিত লিঙ্ক */
a:visited {
  color: green;
}
/* মাউস হভারের লিঙ্ক */
a:hover {
  color: red;
}
/* সক্রিয় লিঙ্ক */
a:active {
  color: yellow;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ 5

লিঙ্কের বিভিন্ন শৈলী নির্ধারণ করুন

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

আপনার হাতে প্রয়াস করুন

CSS সিন্ট্যাক্স

:active {
  css declarations;
}

টেকনিক্যাল বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রোপার্টিটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে

সংশ্লিষ্ট পৃষ্ঠা

ট্যুটোরিয়াল:CSS লিঙ্ক

ট্যুটোরিয়াল:CSS বাটন

ট্যুটোরিয়াল:CSS প্রোপার্টি