Bir Elemanın Görüntülenme Biçimini Değiştirme
Lisans:
Creative Commons
26.11.2020
tarihinde güncellendi
Bakabileceğiniz Etiketler:
Eğitmen:
Geleceği Yazanlar Ekibi
Bir inline elemanını bir block elemanına değiştirmek ya da tersini yapmak, sayfanın web standartlarını koruyarak belirli bir biçimde görünmesini sağlayabilir.
Aşağıdaki örnek <li> elemanlarını bir inline eleman olarak göstermektedir:
li {
display: inline;
}
Aşağıdaki örnek ise, <span> elemanlarını block elemanı olarak gösteriyor:
span {
display: block;
}
Şimdi örnek kullanımını görelim:
<!DOCTYPE html>
<html>
<head>
<style>
li {
display: inline;
}
</style>
</head>
<body>
<p>BIR LINK LISTESINI YATAY MENU OLARAK GOSTERIYOR:</p>
<ul>
<li><a href="sec.html" target="_blank">PARIS KUTUPHANESI</a></li>
<li><a href="over.html" target="_blank">TEXT</a></li>
<li><a href="slide.html" target="_blank">DISPLAY</a></li>
</ul>
</body>
</html>