Css Dersleri Bölüm 16 Gösterim ve Görünürlük
Display özelliği, bir elementin nasıl gözükeceğini ve Visibility özelliği de bir elementin görünür ya da gizli olmasını sağlar.
Bir elementi gizlemek – display:none veya visibility:hidden
Bir elementi gizlemek display’e none veya visibility’ye hidden değeri vermekle gerçekleşir. Yalnız bunlar farklı sonuçlarla karşılaşmamıza neden olur:
visibility:hidden elementi gizler,fakat hala önceden belirlenmiş olan alanı kaplamaya devam eder. Element yok olur ama hacim kaplar hala yani şablonda yeri hazırdır.
display:none elementi gizler, işgal ettiği yer de gizlenir. Element yok olur ve element hiç var olmamış gibi yer almaz şablonda:
CSS Display Elementinin – Block ve Inline Değerleri
Block elementlerinin tam genişlik ve yüksekliği kaplaması sağlar ve önce ve sonrasına satır atar.
Block element örnekleri:
- <h1>
- <p>
- <div>
Inline yani satır içi elementler de sadece genişliği kaplar ve satır atmaya zorlamaz.