ETİKETLER

css-display

İÇERİK TÜRLERİ

Display – Block ve Inline Elemanları

Bir block elemanı, kullanılabilecek tüm yatay genişliği kullanan ve kendisinden önce ve sonra bir satır sonu bulunan elemandır.

Block elemanları aşağıdaki gibidir:

  • <h1>
  • <p>
  • <li>
  • <div>

Bir inline elemanı ise gerekli olduğu kadar genişleyen bir elemandır. Satır sonu zorunluluğu da yoktur.

Inline elemanlarına örnekler ise şu şekildedir:

  • <span>
  • <a>

CSS Görüntüleme ve Görünürlük

Display özelliği elemanın nasıl görüntüleneceğini, visibility özelliği ise bir elemanın görünür mü yoksa gizli mi olacağını belirler.

Bir Elemanı Gizlemek

Bir elemanı gizlemek ya display özelliğini “none” yaparak ya da visibility özelliğini “hidden” yaparak gerçekleştirilir. Bununla birlikte bu iki metot farklı sonuçlar üretir:

visibility: hidden ataması elemanı gizler ancak eleman sayfada aynı yeri kaplar. Eleman gizlenecektir fakat hala genel çerçevede yer alacaktır.

Abone ol css-display