CSS Dış Kenarlık

Kenarlığın dışında bir kenar daha çizebilmek için outline özelliğini kullanıyoruz.

[color=#4444ff]outline-style

outline-width

outline-color[/color]

outline-width: Kenarlık Boyutu

Piksel olarak dış kenarlık boyutunu belirtmemizi sağlar.

outline-color: Kenarlık Rengi

Kenarlığın rengini belirledik.

Dış kenarlığın daha kısa şekilde kullanımı

Yukarıda sayılan tüm özellikleri tek bir outline koduyla belirtebiliriz.

[code type=css] .kutucuk1

{

outline-width: 1px;

outline-color: black;

outline-style: solid;

}

.kutucuk2

{

outline: 1px black solid;

}

[/code]

Yukarıda yer alan kutucuk1 stilinde bu sayfadaki özellikler tek tek kullanılmıştır. Ancak kutucuk2 stilinde tek bir kod ile aynı stil sağlanmıştır.