Contoh
Menggunakan <details> elemen:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Cobalah sendiri " Definisi dan Penggunaan
The <details> tag menentukan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan on demand.
The <details> tag dapat digunakan untuk membuat sebuah widget interaktif yang pengguna dapat membuka dan menutup. Apapun konten dapat diletakkan di dalam <details> tag.
Isi dari <details> elemen harus tidak terlihat kecuali open atribut diatur.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen.
| Elemen | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | Tidak didukung | 48.0 | 6.0 | 15.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The <details> tag yang baru di HTML5.
Tips dan Catatan
Tip: The <summary> tag digunakan untuk menentukan judul terlihat untuk rincian.pos dapat diklik untuk melihat / menyembunyikan rincian.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| open | open | Menentukan bahwa rincian harus terlihat (terbuka) untuk pengguna |
Atribut global
The <details> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <details> tag juga mendukung Acara Atribut di HTML .
Pages terkait
HTML referensi DOM: Details Objek
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <details> elemen dengan nilai default berikut:
details {
display: block;
}