CSS Dersleri Bölüm 11 – Outline(Anahat/Dışçizgi/İskelet) Özellikleri

CSS Dersleri Bölüm 11 – Outline(Anahat/Dışçizgi/İskelet) Özellikleri

by Hasan Yasin Türkyılmaz Ekim 22, 2011

Bir dış çizgi elementlerin, kenar çizgisinin hemen dışında yer alan bir çizgidir ve   göze çarpan bir görünüm oluşmasını sağlar.

Outline’in ozellikleri style, color ve  outline’in yani dış çizginin width’i yani genişliğinin belirlenmesi .


Örnekler

Bir elementin çevresine çizgi çekme (outline)
Bir elementin dışına nasıl çizgi çekileceğini gösterir .

Bir outline’a yani dış çizgiye biçim verme
Outline style’ının gösterimi.

Bir outline’a renk verme
Bir dışçizgiye nasıl renk verildiğini gösterir.

Bir outline’ın yani dış çizginin genişliğini belirleme
Dış çizginin genişliğinin belirlenmesini gösterir.


CSS Outline

Elementlerin çevresinde olan bir dış çizgidir. (Kenar ya da çerçeve çizgisinin de dışında) Elementin oturmuş görünmesini sağlar.

Yalnız,Border özelliğinden farklılık içerir.

Elementin boyutlarından birisi değildir,elementin genişlik ve yüksekliğini içermez dış çizginin genişliği.


Tüm CSS Outline Özellikleri

“CSS” Sütunundaki sayı, kullanıldığı CSS versiyonunu gösterir.

Özellik Tanım Değer CSS
outline Tek bildirimde dış çizgi yazımı outline-color
outline-style
outline-width
inherit
2
outline-color Dışçizginin rengi color_name
hex_number
rgb_number
invert
inherit
2
outline-style Dışçizginin stili none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-width Dış çizginin genişliği thin
medium
thick
length
inherit
2

Bültenime kaydol!

İster soru sor, ister yazılarımdan ve etkinliklerimden haberdar ol...

Hasan Yasin Türkyılmaz

Dijital stratejist, growth hacker, pazarlama ve reklam danışmanı, eğitmen, konuşmacı, yazar @bilgeadam @g4asw @hyturkyilmaz

Related Articles

%d blogcu bunu beğendi: