Web Programlama

Web Programlama

CSS Dış Çizgileri

Lisans: Creative Commons 11.12.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

Dış çizgi (outline) denilince, elemanların etrafına (sınır çizgileri dışına) çizilecek çizgiler anlaşılır; bundan amaç dikkati buraya çekmektir. Atanacak olan outline özellikleri, bir dış çizginin genişliği, rengi ve stilini belirler.

Örneğimizle konu daha iyi anlaşılacaktır:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                border: 2px solid red;
                outline: yellow dotted thick;
            }
        </style>
    </head>
    <body>
        
        <p><b>Not</b> IE8 SADECE DOCTYPE KULLANILMIS ISE DESTEKLER</p>
        
    </body>
</html>

Outline / Border / Content ilişkisi ise aşağıdaki şekilde görülmektedir:

Yukarıdaki koda ait çıktı ise aşağıdaki gibidir: