Style display Property

Örnek

Bir ayarla <div> gösterilmeyecektir için eleman:

document.getElementById("myDIV").style.display = "none";

Tanımı ve Kullanımı

Ekran özelliği, ayarlar veya elementin ekran türünü döndürür.

HTML Elemanları çoğunlukla "inline" veya "block" elemanlar: Bir satır içi eleman sol ve sağ tarafındaki içeriği yüzen etti. Bir blok elemanına tüm çizgi doldurur ve hiçbir şey onun sol veya sağ tarafında görüntülenebilir.

Ekran özelliği de gösterebilir veya bir öğe gizlemek için yazar sağlar. Bu benzer görünürlük özelliği. gizli elemanın içeriği görünmez olacağı anlamına gelir, ama eleman orijinal konumuna ve boyut olarak kalır: Ancak, ekran ayarlarsanız: görünürlüğü ise hiçbiri, ilginç bir şekilde bütün elementi gizler.

Tip: Bir öğe bir blok elemanı ise, kendi ekran türü de şamandıra özelliğiyle değiştirilebilir.

Tarayıcı Desteği

Ekran özelliği tüm büyük tarayıcılarda desteklenir.

Sözdizimi

Ekran özelliği Dönüş:

object .style.display

Ekran özelliğini ayarlayın:

object .style.display= Mülkiyet Değerler

değer	Açıklama
block	Eleman bir blok düzeyinde bir eleman olarak oluşturulur
compact	Eleman bir blok düzeyinde veya içi eleman olarak oluşturulur. bağlamda bağlıdır
flex	Eleman bir blok düzeyinde esnek kutu olarak oluşturulur. CSS3 Yeni
inherit	gösterge özelliğinin değeri üst elemandan miras
inline	Eleman bir satır içi eleman olarak oluşturulur. Bu varsayılan
inline-block	Eleman bir satır içi kutu içinde bir blok kutusu olarak işlenir
inline-flex	Eleman bir satıriçi seviyeden esnek kutu olarak oluşturulur. CSS3 Yeni
inline-table	Eleman önce veya sonra tablo bir hat ara ile, (örn; <Tablo>) bir hat-içi tablo olarak düzenlenir
list-item	Eleman bir liste halinde oluşturulur
marker	Bu değer, bir belirteç önce veya bir kutu sonra içerik olarak ayarlar (birlikte kullanılabilir: ve daha önce. Sözde elemanları sonra durumda bu değer aynı olan "satır içi")
none	Eleman gösterilmeyecektir
run-in	Eleman blok seviyesinden veya içi eleman olarak oluşturulur. bağlamda bağlıdır
table	Eleman önce ve sonra tablo satır sonu ile (örn; <Tablo>) bir blok tablo olarak düzenlenir
table-caption	Eleman bir tablo başlık olarak işlenir (örn; <başlık>)
table-cell	Öğe (örneğin bir tablo hücresi olarak işlenir <td> ve <th>)
table-column	Eleman bir hücre sütunu olarak işlenir (like <col>)
table-column-group	Eleman, bir veya daha fazla sütun bir grup olarak işlenir (like <colgroup>)
table-footer-group	Eleman bir tablo altbilgi satırı olarak oluşturulur (like <tfoot>)
table-header-group	Eleman bir tablo başlık satırı olarak işlenir (like <thead>)
table-row	Eleman (<tr>) gibi bir tablo satır olarak görüntülenir
table-row-group	Eleman, bir veya daha fazla sıra bir grup olarak işlenir (like <tbody>)
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer:	Çizgide
Geri dönüş değeri:	Bir elemanın görüntü türünü temsil eden bir String,
CSS Sürüm	BB1

Diğer Örnekler

Örnek

Ekran özelliği ve görünürlük özelliği arasındaki fark:

function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}

function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}

Kendin dene "

Örnek

Arasındaki fark "inline" , "block" ve "none" :

function myFunction(x) {
    var whichSelected = x.selectedIndex;
    var sel = x.options[whichSelected].text;
    var elem = document.getElementById("mySpan");
    elem.style.display = sel;
}

Kendin dene "