CSS Dış Çizgileri

CSS Dış Çizgileri


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:

<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:

Yorumlar

Bu blogdaki popüler yayınlar

İç İçe Döngüler

CSS Bir Elemanın Genişliği ve Yüksekliği

JavaScript Dilinde Fonksiyon Çağırma Teknikleri