CSS Dersleri
Temel Bilgiler
CSS Nedir?
CSS Kod Yapısı
CSS ID ve Class Seçimi
CSS Nasıl Eklenir?

CSS Stilleri
CSS Arkaplanlar
CSS Yazılar
CSS Yazı Tipleri
CSS Bağlantılar
CSS Listeleme
CSS Tablolar

Kenarlıklar
CSS Kutu Modeli
CSS Kenarlıklar (Border)
CSS Dış Kenarlık (Outline)
CSS Dıştan Boşluk (Margin)
CSS İçten Boşluk (Padding)

CSS İleri Düzey
CSS Gruplama ve Üzerine Yazma
CSS Sınırlamalar
CSS Gösterme - Gizleme
CSS Pozisyon Belirleme (position)
CSS Kaydırma (float)
CSS Hizalama (align)
CSS Özel İfadeler (Pseudo)
CSS Transparanlık (opacity)
CSS Çıktı Türleri (media)
CSS Özellik Seçimi (Attribute)
CSS'ye Genel Bakış

Bağlantılar
HTML Dersleri
JavaScript Dersleri
CSS Dersleri
ASP Dersleri
PHP Dersleri
MySQL Komutları
jQuery Dersleri
Venus Programlama

Ana Sayfa Bize Ulaşın

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.


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

Tüm hakları saklıdır. Lütfen kaynak belirtmeden sitenizde yayınlamayın. Web Sitesi © 2014