CSS Dış Kenarlık

İstiyorsak kenarlığın dışında bir kenar daha çizebiliriz. Bunun için outline komutunu kullanıyoruz. Üç özelliği var:

• outline-style
• outline-width
• outline-color

outline-style: Kenarlık Stili

outline-width: Kenarlık Boyutu

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

outline-color: Kenarlık Rengi

Kenarlığın rengini belirlememizi sağlar.

Dış Kenarlığın Kısa Kullanımı

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

   .kutu1
   {
      outline-width: 1px;
      outline-color: black;
      outline-style: solid;
   }

   .kutu2
   {
      outline: 1px black solid;
   }

   

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