TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi5
Bugün Toplam37
Toplam Ziyaret1364385
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

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

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.
Yorumlar - Yorum Yaz


 TIKLA