tRikSonic
Tema
  • Original
  • Translate

HTML hidden Attribute

Terakhir diperbarui : 8 April 2018 - 09.33
Attribute hidden Digunakan untuk menentukan untuk menyembunyikan sebuah element.

Attribute Value

Nilai atau value attribute ini adalah hidden
Menentukan element yang disertai attribute ini akan tersembunyi atau mendapat gaya css dispay:none;
Attribute ini bersifat boolean, yang artinya attribute ini bisa ditulis nilai valuenya maupun tidak

Contoh Attribute hidden

<article>
  <h2>Judul Artikel</h2>
  <p hidden="hidden">Teks ini tidak terlihat</p>
  <p>Teks ini dapat dilihat</p>
  <p hidden>Teks ini tidak terlihat</p>
</article>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
article {
   padding: 15px;
   background: #ffcece;
   border: 2px solid #f37f7f;
   border-radius: 5px;
}
</style>
</head>
<body>

<article>
  <h2>Judul Artikel</h2>
  <p hidden="hidden">Teks ini tidak terlihat</p>
  <p>Teks ini dapat dilihat</p>
  <p hidden>Teks ini tidak terlihat</p>
</article>

</body>
</html>

Browser Support

AttributeChromeSafariFirefoxOperaIE / Edge
hidden6.05.14.011.111.0
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.