Top

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

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

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

Siz neler düşünüyorsunuz? Yazımızı beğendiyseniz aşağıdaki butonlardan tavsiye edebilirsiniz, paylaşabilirsiniz veya yorumlarınızı sunabilirsiniz. Teşekkürler okuduğunuz için!

Bir önceki yazımız olan CSS Dersleri Bölüm 10 - Border / Çerçeve - kenar başlıklı makalemizde border, css ve dashed hakkında bilgiler verilmektedir. Daha fazla yazımızı görmek için HYTürkyılmaz Dijital pazarlama ve growth hacking blogu anasayfası'yı ziyaret edebilirsiniz. Yazımızı aşağıdaki paylaşım butonlarıyla paylaşarak sevginizi yayınız! Teşekkürler!

Hasan Yasin Türkyılmaz

Sosyolog, dijital stratejist. Dijital medya, reklam ve growth hacking eğitimleri ve hizmetleri sunarım. PC, konsol fark etmez. Oyun oynamayı severim.

Tüm yazıları - Websitesi

Beni takip edin!:
TwitterFacebookLinkedInPinterestGoogle PlusDiggFlickrStumbleUponYouTubeYelpRedditDelicious