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.