Destekleyen Tarayıcılar
"display" özelliği öğenin (yazı, başlık, resim, link) alt alta, yan yana veya görünmez olduğunu tarayıcıya bildirir.
Alabileceği değerler;
- inline (Öğeler bu tanımlamayla yan yana gözükürler.)
- block (Öğeler alt alta gözükürler.)
- none (Öğe veya öğeler gözükmez, kapladığı alan ve boşluklar yeniden hesaplanarak alttaki öğelerin konumu, yukarı kayar.)
a {display:inline}
Örnek;
<html>
<head>
<title>Display Özelliği</title>
<style type="text/css">
a.yanyana {display:inline}
a.altalta {display:block}
a.gorunmez {display:none}
</style>
<body>
<a class="yanyana" href="#">Link 1</a>
<a class="yanyana" href="#">Link 2</a>
<a class="yanyana" href="#">Link 3</a>
</body>
</html>
Yukarıdaki yazıyı Not Defteri uygulamasına yapıştırın. Dosya - Farklı Kaydet öğelerini seçin ve kayıt türünü "Tüm Dosyalar" olarak değiştirin ve "visible.html" olarak kaydedin. "<a class="yanyana " buradaki yanyana yazılarını altalta ve gorunmez olarak değiştirip sonucu görebilirsiniz.
İyi bloglamalar...
0 yorum:
Yorum Gönder