CSS :popover-open প্রকৃতি

বিবরণ ও ব্যবহার

CSS :popover-open প্রকৃতি ব্যবহার করে, প্রদর্শন হওয়ার অবস্থায় কোনও উপাদানকে চিহ্নিত করা এবং সেট করার জন্য শৈলী বাছাই করা যায়。

ডিফল্টভাবে, ব্রাউজার ভিন্ন ভিন্ন ভাগে বাক্সকে প্রদর্শন করে。

ব্রাউজারের ডিফল্ট বাক্স শৈলী হল:

[popover] {
position: fixed;
inset: 0;
width: fit-content;
height: fit-content;
margin: auto;
border: solid;
padding: 0.25em;
overflow: auto;
color: CanvasText;
background-color: Canvas;
}

তাই, ডিফল্ট শৈলীকে অবরূপ করতে, ব্যবহার করা যেতে পারে :popover-open প্রকৃতি

উদাহরণ

প্রদর্শন হওয়ার অবস্থায় কোনও উপাদানকে চিহ্নিত করা এবং সেট করার জন্য শৈলী বাছাই করুন:

:popover-open {
  width: 150px;
  height: 150px;
  position: absolute;
  inset: unset;
  bottom: 25px;
  left: 25px;
  margin: 0;
  color: maroon;
  background-color: orange;
  font-size: 25px;
}

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

CSS গঠনশৈলী

:popover-open {
  css declarations;
}

প্রযুক্তিগত বিবরণ

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

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

সংক্রান্ত পাতা

রেফারেন্স:HTML popover প্রক্রিয়া