CSS'deki Display özelliği site kodlamasında veya tasarımında diyeyim, çeşitli yazıları, başlıkları, menüleri, linkleri vs. alt alta, yan yana veya görünmez bir şekilde kullanmamızı sağlar.
Display özelliğinin aldığı değerler üç tanedir. Bunlar inline, block ve none dir.
Yazımızın devamında örneklerle açıklayarak daha iyi anlamanızı sağlayacağım
İlk olarak "inline" değerini açıklayalım. Inline değeri Tükçe'de aynı çizgide anlamına gelir. Örnekte link kullanarak göstereceğm. CSS'de bunu kullandığımız zaman linkler yan yana dizilirler. Örnek;
-
a {display: inline;}
Sonraki değerimiz, "block" değeri. Bu değeri yazdığımızda linklerimiz otomatik olarak alt alta dizilecektir. Yapmamız gereken sadece yukarıda yazdığımız display: inline; kısmını "block" yapmak. Örnek;
-
a {display: block;}
Önizleme;

Son olarak "none" değerimiz kaldı. Bu değer ise hiç anlamına geliyor. Display özelliğini none; yaptımızda linkler sayfamızda görünmeyecektir. Bu, link rengini arkaplan rengiyle aynı yapmak gibi değil. Sayfada hiç bir link olmaz. Örnek;
-
a {display: none;}
Önizleme;

Bu gizleme olayı daha çok JavaScript kodlarında kullanılıyor.


24 Şubat 2008
ErhanK 
Kategori:
Etiketler:
Teşekkürler dostum
)
teşekkürler hocam!
Açıklama için tşkler.
Hocam katmanlarda yan tarfta scroll bar nasıl çıkıyor.?
faydalı bir bilgi teşekkürler