HTML <details> အချက်အလက်

  • အရေးပါသော စာကြိုး <del>
  • နောက်ဆုံး စာကြိုး <dfn>

အချက်

<details> အချက်

<details> အချက်

အချက် <details> အချက်

အကြောင်းပြချက်<summary> အချက် နှင့် <details> အသုံးပြု၍ပေါင်းစပ်လျက်၊ အသုံးစံပြအောင်းအောင်းအေအ်ချင်း၏ အရောက်မြင့်အောင်းအေအ်ချင်းကို အသုံးပြုပါ၏။ အသုံးစံပြအောင်းအောင်းအေအ်ချင်းကို စွပ်စွဲလျက် စွပ်စွဲသော အရာကို စွပ်စွဲပါ၏။ <details> အသုံးပြုသော အရာ

အခြားသုံးစံပြများ:

HTML DOM စာရင်း:Details အရာ

အကျယ်အဝန်း

ဘား 1

အသုံးပြုနိုင်သော အသုံးစံပြချက်:

<details>
  <summary>အိန်ဂိုတက် အတွင်းပိုင်းစခန်း (Epcot Center)</summary>
  
Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。

</details>

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

ဘား 2

CSS ကို အသုံးပြု၍ <details> နှင့် <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>အိန်ဂိုတက် အတွင်းပိုင်းစခန်း (Epcot Center)</summary>
  
Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。

</details>
</body>
</html>

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

ဗဟုသုတ

ဗဟုသုတ သတ်မှတ် ဖော်ပြ
open open အသုံးပြုခြင်း အချက်အလက်

အကြီးအကျယ် ဗဟုသုတ

<details> အခမ်းအနား သည် HTML အကြီးအကျယ် ဗဟုသုတ.

အခမ်းအနား ဗဟုသုတ

<details> အခမ်းအနား သည် HTML အခမ်းအနား ဗဟုသုတ.

ပြင်ဆင်ခြင်း အချက်အလက်

အများစု ဘရာဇယ် သည် အောက်ပါ အခြား ပြင်ဆင်ခြင်း ကို အသုံးပြုသည် <details> အအုပ်ပုံစံ

details {
  display: block;
}

ဘရာဇယ် ထောက်ပံ့

စာမျက်နှာတွင် ပါရှိသော စာရင်းရှိ နောက်ဆုံး ကိုယ်စားပြုရသည်မှာ အဆိုပါ အအုပ်ပုံစံ ကို ပထမဆုံး ထောက်ပံ့သော ဘရာဇယ်မှာ ဖြစ်သည်。

ခရီး အီးဂျင်ဂျင် ဖက်ဒရစ် ဆော့ဖ်ဝပ် အိုပရက်
ခရီး အီးဂျင်ဂျင် ဖက်ဒရစ် ဆော့ဖ်ဝပ် အိုပရက်
12.0 79.0 49.0 6.0 15.0
  • အရေးပါသော စာကြိုး <del>
  • နောက်ဆုံး စာကြိုး <dfn>