Tag na HTML <details>

  • الصفحة السابقة <del>
  • الصفحة التالية <dfn>

Gina da amfani

<details> Ƙarfin bayanai na shafin na HTML na zaɓa zaɓa a siffata kowane bayanai da zaɓa zaɓa a tsara.

<details> Ƙarfin bayanai ƙiya yana amfani da su don tsara ƙanannan abubuwa da zaɓa zaɓa a tsara. Kudu a farko, abubuwan su suna ɓangarawa. Bayan a tsara, abubuwan su suna yin hanyar da su nuna ƙarfin bayanai.

Kara kowane nauyi na bayanai zaɓa zaɓa a gina ƙarfin bayanai: <details> Ƙarfin bayanai.

Tutarrabu:<summary> Ƙarfin bayanai da... <details> Kuma, zaɓa zaɓa a gina bayanai zaɓa zaɓa a gina kudu. Bayanai a cikin kudu, zaɓa zaɓa a gina bayanai:... <details> Gina a gina ceke.

Kara:...

Kwamfuran HTML DOM:Ƙarfin Details

Shafin

Ƙirar 1

Gina bayan da zaɓa ɗin zaɓa zaɓa a cikin bayanai:

<details>
  <summary>Ƙasarunin Duniya (Epcot Center)</summary>
  <p>Epcot هو متنزه موضوعي لمنتجع ديزني، يحتوي على معالم جذابة مذهلة، معارض دولية، ألعاب نارية معروفة بالجائزة والأنشطة الموسمية.</p>
</details>

جربها بنفسك

Ƙirar 2

A gina CSS dominan <details> da <summary>:

<html>
<style>
details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}
details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
<body>
<details>
  <summary>Ƙasarunin Duniya (Epcot Center)</summary>
  <p>Epcot هو متنزه موضوعي لمنتجع ديزني، يحتوي على معالم جذابة مذهلة، معارض دولية، ألعاب نارية معروفة بالجائزة والأنشطة الموسمية.</p>
</details>
</body>
</html>

جربها بنفسك

الصفات

الصفات القيمة وصف
open open يحدد هذا العنصر أن التفاصيل يجب أن تكون مرئية للمستخدم (مفتوحة)

هوشيار

<details> العلامة تدعم أيضًا هوشيار في HTML.

هوشيار

<details> العلامة تدعم أيضًا هوشيار في HTML.

إعدادات CSS الافتراضية

سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية <details> العنصر:

details {
  display: block;
}

دعم المتصفحات

رقم في الجدول هو إصدار المتصفح الذي يدعم العنصر بشكل كامل أولاً.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 79.0 49.0 6.0 15.0
  • الصفحة السابقة <del>
  • الصفحة التالية <dfn>