Menyembunyikan Element dengan Display none di Css/HTML | Ciskulnet

Kumpulan tutorial dan artikel seputar teknologi

Menyembunyikan Element dengan Display none di Css/HTML

10 Years Ago

         Malam semuanya :D, kali ini ane mau share tentang Cara Menyembunyikan Element dengan Display none di Css/HTML. Seebelumnya udah pernah denger tentang display none? atau css? atau mungkin Html?
        Kalo sudah tau langsung aja ane jelasin fungsinya. Display:none adalah bagian dari penulisan css, fungsi dari display:none ini adalah untuk menyembunyikan atau membuat sebuah element menjadi tidak terlihat. Contoh dari penerapan fungsi ini adalah dalam penggunaan spoiler, silahkan lihat disini cntoh spoilernya.

       Setelah tau fungsinya ane bakal menjelaskan cara penggunaannya, berikut silahkan disimak :D.
Cara penggunaannya harus di letakan dalam class atau id di element css seperti berikut ini:

[nama id atau class]{ display:none; }

jika sobat memasukan kata display:none dalam class atau id dalam suatu css maka element tersebut akan hilang atau tidak terlihat.
     Untuk pemasangan dalam HTML bisa dilihat contoh berikut

<div class="[nama class]"> Teks Sembunyi</div>

dan jika sobat menggunakan id

<div id="[nama id]"> Teks Sembunyi</div>

Gimana sudah paham blom? selain digunakan dalam spoiler biasanya digunakan juga dalamelement pop up atau untuk menyembunyikan navbar di sebuah blog.

Ok sekian tutorial kali ini semoga bisa berguna dan di mengerti :D.

Related Post:
  • Cara Membuat Slideshow Tanpa Edit HTML
           Slider adalah konten penting dalam sebuah blog, slider juga bisa menambah visitor blog, setiap visitor yang mengunjungi blog kita pasti akan tertarik dengan gambar apalagi gambar tersebut bergerak(Animasi / slider).Langsung saja...
  • Menyembunyikan Element dengan Display none di Css/HTML
             Malam semuanya :D, kali ini ane mau share tentang Cara Menyembunyikan Element dengan Display none di Css/HTML. Seebelumnya udah pernah denger tentang display none? atau css? atau mungkin Html?       ...
  • Memasang Kotak Komentar Diskus (Lebih keren, simple dan dinamis) di Blog
           Setiap blogger biasanya menginginkan kotak komentar yang rapih dan menarik. Namun tidak semua orang mengerti bagaimana cara membuat kotak komentarnya rapih dan menarik. Jika ingin merubahnya kamu harus mengerti mengenai javascript,...
- Hide Comments

Artikel Rekomendasi

  • Membuat effect animasi sederhana dengan css transition
           ANimasi atau pergerakan dinamis dari konten di blog kita akan menarik perhatian pengunjung jauh lebih banyak, ketimbang kontent yang diam atau statis. Karena itu kita harus menambahkan effect animasi pada blog kita agar lebih...

Related Post

Powered by Blogger.
Copyright © 2017 Ciskulnet All Rights Reserved - Template by Djasnote
^