Thuộc tính open trong HTML

Thuộc tính open trong HTML xác định nội dung của phần tử HTML details nên hiển thị (mở) trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<details open></details>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính open trong HTML:

<!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>Demo thuộc tính open trong HTML</h1>
<details open>
  <summary>Xin chào! Tôi là phần tử summary</summary>
  <p>Xin chào! Tôi là một phần tử đoạn văn với một số văn bản giả</p>
</details>
</body>
</html>

Kết quả