CSS visibility Özelliği
Destekleyen Tarayıcılar
"visibility" özelliği öğenin ekranda görüntülenmesi veya görüntülenmemesi gerektiğini tarayıcıya bildirir.
Alabileceği değerler;
- visible (Nesne normal olarak gözükür.)
- hidden (Nesne gözükmez, fakat kapladığı alanda değişiklik olmaz. Kapladığı alan boşluk olarak kalır.)
- collapse (Sadece tablolarda kullanılır. Tablonun satır veya sütun değerleri gözükmez, fakat tablo üzerinde şekil açısından bir değişiklik olmaz.)
p {visibility:visible;}
Örnek;
<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.
<head>
<style type="text/css">
p.gorunur {visibility:visible;}<!--Bu etiket de yorum yapar -->
p.gorunmez {visiblity:hidden;}
</style>
<title>Visibility Özelliği</title>
</head>
<body>
<p class="gorunur">Bu yazı ekranda gözüken yazıdır.</p>
<p class="gorunmez">Bu yazı ekranda gözükmeyecektir.</p>
<p>Bu yazıya herhangi bir visiblity değeri atanmamıştır. 3. satırdaki yazıdır.</p>
</body>
</html>
Çıktı;
0 yorum:
Yorum Gönder