Haftanın Fragmanı

Bu hafta oyun tanıtım rehberlerimiz başlıyor .Dreamweaver,PhotoShop vb. Derslerimizin videoları paylaşıma açılacak.Yazarlarımızdan gelen video,köşe yazısı gibi içerikleri sitemizde derleyip yayınlıyoruz.Sitemizde Yayın yapmak isteyenler Bizlerle iletişime Geçsinler.

Opencore | Açık Çekirdek Platformu

CSS Online

CSS ile Online Dış Çizgi

Online (Kutu Dış Çizgisi)

Outline özelliği kullanıcının o an nereye odaklandığını belirlemek için kullanılır. Tarayıcı arayüzünde kullanıcının nereye odaklandığını bilmek bize birçok avantajlar sağlayacaktır. Erişebilirlik açısından önemli bir özelliktir.

Klavyeden web sitelerini gezen kullanıcılar için önemli bir özelliktir. Bu durumu şöyle anlatırsak daha iyi anlaşılacaktır. Bir site düşünün metin içeriğindeki bağlantıların rengi ve tipi metinler ile aynı olduğunu bağlantıları metinden ayıran hiç bir belirtinin olmadığı durumu, bu durum kullanıcıyı ne kadar zorlayacağını düşünün. Bu gibi durumları engellemek için biz sayfa içindeki bağlantılara, düğmelere ve gezinti elemanlarına normal içerikten ayrı stiller tanımlarız.Benzer şeyleri sadece klavyeden interneti gezmeye çalışan insanlar içinde outline tanımları sağlar.
Dış hat çizgisi biçemi (outline-style)
Dış hat biçemi none değeri haricindeki değerler için görüntülenir.


 

  • none: Dış hat görünmesin anlamındadır.
  • dotted: Dış hat belirli aralıklarla dizilmiş noktalardan oluşur.
  • dashed: Dış hat belirli aralıklarla dizilmiş çizgi parçalarından(tire) oluşur.
  • solid: Dış hat bir çizgi olarak görünür
  • double: iki çizgi seklinde görünür. İki çizginin kalınlıkları ile aralarındaki boşluğun genişliğinin toplamı outline-width değerine eşittir.
  • groove: Dış hat tuvale oyulmuş gibi görünür.
  • ridge: groove’un zıddı; Dış hat çizgisi kabartma gibi görünür.
  • inset: Dış hat çizgisinin kutunun tamamını tuvale gömülü gibi görünmesine sebep olur.
  • outset: inset’in zıddı; Dış hat çizgisi kutunun tamamının kabartma gibi görünmesine sebep olur.
CSS’in desteklediği renk değerlerini kullanabiliriz, hatta invert değerinide kullanabiliriz. invert, rengi tersine çevirir.

Tarayıcı Uyumu: Internet Explorer 6, 7(desteklemiyor) 8 (destekliyor) Firefox 1.5+ Opera 9.2+ Safari 1.3+ CSS 2+
Yapısı: outline-color: <deger>
Aldığı Değerler: color | invert | inherit
Başlangıç değeri: invert
Uygulanabilen elemanlar: tüm elemanlara
Kalıtsallık: Yok

Kaynakça:
Kaynak Kod: http://www.w3schools.com/ Adlı siteye aittir.Derle Düzenleme bize aittir
Görseller: http://stackoverflow.com/questions/12671898/outline-on-only-one-border
Telif Hakkı Stackoverflow Paylaşılan bütün konular herkese açıktır.





Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:


=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=