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 |