tutorial pengembangan web terbaru
 

HTML <details> Tag


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