Menyembunyikan Element dengan Display none di Css/HTML | IndCreate

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?
        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.

by Indcreating at: 11:43 PM

0 Komentar Untuk "Menyembunyikan Element dengan Display none di Css/HTML"

Berkomentarlah dengan baik dan sopan, dilarang melakukan spam dan sara.

Contact Form

Name

Email *

Message *

^