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.

Bana Ders Anlat © 2008-2022