Web Programlama

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>

Sınava Gir