HTML <summary> ອອກຈາກ

  • ບ່ອນໜ້າຫນ້າທີ່ຫນ້າຫນັງ <sub>
  • ບ່ອນໜ້າໜ້າຫນ້າ <sup>

ການກໍານົດ ແລະ ນຳໃຊ້

ປະກອບຂໍ້ <details> ສະມາຊິກ ກໍານົດປະເພດສະແດງ. ການກົດດັນຫົວໜ້າສາມາດເບິ່ງ/ປິດຂໍ້ມູນລະອຽດ.

ເຫັນວ່າ:

ສະມາຊິກຄວນແມ່ນ <details> ສະມາຊິກ ມີຫຼັກອີກໜຶ່ງຂອງ <details>.

ອີງຕາມ:

ນັດພາສາ HTML DOM:ໂອກາດ Summary

ບົດສະຫຼຸບ

ຕົວຢ່າງ 1

ນຳໃຊ້

元素：


  未来世界中心（Epcot Center）
  
Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。

亲自试一试

ຕົວຢ່າງ 2

ນຳໃຊ້ CSS ຕັດສິນລະບຽບ <details> ແລະ

ຮູບແບບຂອງ

<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;
}




  未来世界中心（Epcot Center）
  
Epcot 是华特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花和季节性活动。

亲自试一试

全局属性

标签还支持 HTML 中的全局属性。

事件属性

标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示

元素：

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>