Web sitenize eklemiş olduğunuz bazı nesnelerin, görüntülenmesini istemediğiniz zamanlar olabilir. Örnek olarak, eklediğiniz bir kodun çalışmasını ancak sayfa üzerinde yer kaplamamasını arzu edebilirsiniz. İlgili işlem, CSS yardımı ile kolaylıkla yapılabilmektedir. Oldukça kısa bir CSS kodunu kullanmanız durumunda, ilgili element var olmaya devam eder ancak sayfa üzerinde hiçbir şekilde görüntülenmez ve herhangi bir boşluk da söz konusu olmaz. Dilerseniz, küçük bir örnek yapalım ve ilgili özelliğin nasıl çalıştığı hakkında daha iyi bilgi edinelim. Ne dersiniz?

CSS ile Gizleme İşleminin Yapımı

Mevcut CSS içeriğine gizleme kodunu ekleyin.

.gizli-icerik {
display: none;
}

HTML bölümü örneği ise aşağıdaki gibi olacaktır.

<div class="gizli-icerik">
Bu tamamen gizli bir metindir.
</div>

Not: Bu kodu, web sitenizde eklediğiniz herhangi bir nesnenin çalışmasını ancak sayfa üzerinde görünmemesini ve yer kaplamamasını istiyorsanız, kullanmayı düşünebilirsiniz.