CSS Dış Kenarlık (Outline) - CSS Dersleri

CSS Dış Kenarlık (Outline)

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

outline-style: Kenarlık Stili

Dış kenarlığı burada belirtilen şekillerde çizmemizi sağlar.

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.

CSS Kodu

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