Bu konumuzda biraz daha kafanız karışacak arkadaşlar. Bir önceki dersimizde kutu modelini görmüştük. Bu dersimizde ise bu kutumuzun en dış hattı olan "Outline" parametresini inceleyeceğiz. Bu parametre aynı border(çizgi) parametresi gibi çizgiden oluşmaktadır. Border'ın hemen üstünde yer alır. Neden çizgi üstünde çizgi var diye düşünebilirsiniz. Elbetteki bunun bir farkı var sevgili öğrenci arkadaşlarım. Bunu sözler ile ifade etmek oldukça zor ancak görerek ayırt edebilirsiniz. Hadi bir görelim..
Genel olarak önce bir nasıl göründüğüne bakalım ardından özelliklerini inceleyelim birer birer;
Dış çizginizin stilini belirler. Çeşitli şekillerde dış çizgiler mevcuttur. Daha önceki derslerimizde göstermiştik fakat bakmamış olabilirsiniz diye yeri gelmişken tekrardan hatırlayalım. Hem bu örnekte güzel bir css yapısı da görmüş olacağız aynı zamanda..
Dış çizginizin rengini belirler. Dış çizginizin renklerini verirken;
Kullanımı:
Dış çizginizin genişliğini aslında kalınlığını ayarlamanızı sağlar. Aşağıdaki örnekte tüm değerlerini görebilirsiniz.
"Outline" ile "Border" arasında yukarıdaki örneklerde gördüğünüz gibi hiç boşluk yok. İsterseniz bunları birbirinden ayırabilirsiniz. Bunu da aşağıda gördüğünüz örnekteki gibi sağlıyoruz. İnceleyelim.
Enes KILIÇ
Webmaster
Paylaş: