แอตทริบิวต์ open ใน HTML

แอตทริบิวต์ open ใน HTML ใช้กำหนดให้เนื้อหาขององค์ประกอบ details HTML มองเห็นได้ (เปิดอยู่) ในเอกสาร HTML

ไวยากรณ์

<details open></details>

ตัวอย่าง

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
</style>
<body>
<h1>ตัวอย่างแอตทริบิวต์ open ของ HTML</h1>
<details open>
  <summary>สวัสดี! ฉันคือองค์ประกอบ summary</summary>
  <p>สวัสดี! ฉันคือองค์ประกอบพารากราฟพร้อมข้อความตัวอย่าง</p>
</details>
</body>
</html>

ผลลัพธ์

แสดงองค์ประกอบ details ที่เปิดอยู่แล้ว แสดง summary และเนื้อหาภายใน