Border Çizgi Stilleri

Css 2.1 De Kullandığımız Borderlerin Toplam 8 sitili var ama Tasarımcılar Olarak Kullanabileceğimiz günü 4 gözle Beklediğimiz CSS3 ile birlikte Bu Rakkam 11 e çıkıyor mevcut sitillerin yanı sora olmayan bir sitil var wave dalgalı çizgi ve diğer yeni gelen diğer ikisi bize tanıdık noktalı çizgi ve kesik çizgi bu ikisinin birleşiminden olan olan bir sitil geliyor tabi CSS3 border konusunda bununlada sınırlı olmayacak artık borderlere background resmi verebileceğiz bu daha sonraki bir konuda detaylı olarak yer vermeyi düşünüyorum şimdi mevcut kullanabildiğimiz 8 sitili örnekle gösterelim


Kullanımı ve Örnekler #etiket {border-style: dotted;}dotted border Stili - Noktalı Çizgi
#etiket {border-style: dashed;}dashed border Stili - Kesik Çizgi
#etiket {border-style: solid;}solid border Stili - Düz Çizgi
#etiket {border-style: double;}double border Stili - Çift Düz Çizgi
#etiket {border-style: groove;}groove border Stili - İçe Kabarık Çizgi
#etiket {border-style: ridge;}ridge border Stili - Dışa Kabarık Çizgi
#etiket {border-style: inset;}inset border Stili - İçe Gömülü Çizgi
#etiket {border-style: outset;}outset border Stili - Dışa Gömülü Çizgi

Yukardaki gibi bu stiller kullanmak istediğiniz her alanda kullanılabilir css3 ü sabırsızlıkla bekliyoruz
tabiki bu sitilleri bir arada kullanmakta mümkün örnek vermek gerekirse


#etiket {border-style: dotted solid dotted solid;}Hem Noktalı Hem Düz çizgi Stili



Yukarıdaki gibi hem noktalı hemde düz çizgi kullandım tabi dört yön içinde ayrı ayrı çizgi, ayrı ayrı renk, ayrı ayrı genişlik, kullanılabilir bu sizin yaptığınız tasarıma ve hayal gücünüze kalmış bir şey kolay gelsin başka bir konuda görüşmek üzere

paylaşımlarını mü-mkün olduğu kadar sabit başlık altında.
ve code butonuna basarak paylaşınız.
______________