HTML <summary> ခွဲခ�ားထည်

  • အရှေ့ဆုံးစာရင်း <sub>
  • နောက်ဆုံးစာရင်း <sup>

အသုံးပြုနည်းနှင့်

<summary> အမှတ်ပုံ: <details> အချက် ပုံစံတစ်ခုကိုကို ဒီနေရာမှ ကိုးကွယ်ပြီး သုံးပြီးပြီးတော့ ပုံစံကို ဖြင့် ဖတ်သို့မဟုတ် အစီအစဉ်ကို ကိုးကွယ်နိုင်ပါသည်。

အဆိုပါ:<summary> အချက်သည် <details> အချက် အခြားအသုံးပြု:

အခြားကြည့်:

HTML DOM စာရင်း:အစီရင်ခံစာအား

အကျိုးသတ္တု

အမှတ် 1

သုံးပြီး <summary> အရာ:

<details>
  <summary>အိမ်ခြေချိန် အဆိုပါ အဖွဲ့အစည်း</summary>
  <p>Epcot အဖွဲ့အစည်း အဆိုပါ ဝတ္ထုတန်း ကျောက်ပြား အရှိသော ပန်းခြံများ၊ နိုင်ငံတကာ ပြတိုက်၊ အောင်ပွဲဆုရ ပန်းပွဲ၊ ပွဲစဉ် လက်တွေ့ပြုခြင်းများဖြင့် ပြသည်。</p>
</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>အိမ်ခြေချိန် အဆိုပါ အဖွဲ့အစည်း</summary>
  <p>Epcot အဖွဲ့အစည်း အဆိုပါ ဝတ္ထုတန်း ကျောက်ပြား အရှိသော ပန်းခြံများ၊ နိုင်ငံတကာ ပြတိုက်၊ အောင်ပွဲဆုရ ပန်းပွဲ၊ ပွဲစဉ် လက်တွေ့ပြုခြင်းများဖြင့် ပြသည်。</p>
</details>
</body>
</html>

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

ကိုယ်စားပြု

<summary> အခြုံရုံး ကောင်းသော HTML ကိုယ်စားပြု.

အခြုံရုံး

<summary> အခြုံရုံး ကောင်းသော HTML အခြုံရုံး.

ဘာသာပြန် ရှိသော CSS အချင်းချင်း သတ်မှတ်

အချို့ ဘာသာပြန် အခြေခံ အတိုင်း ပြသည် <summary> အရာ:

summary {
  display: block;
}

ဘာသာပြန် အကူအညီ

အခြေအနေ မှာ အချင်းချင်း ခွဲခြားထည် ဖော်ပြသော ဘာသာပြန် ကုမ္ပဏီ အစိုးရီး

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 79.0 49.0 6.0 15.0
  • အရှေ့ဆုံးစာရင်း <sub>
  • နောက်ဆုံးစာရင်း <sup>