Css - Border Özelliği Kullanımı


CSS 2.1 de Kullanılan Css Sitilleri ve CSS3 te Yeni Gelen Border Sitilleri


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

Share this

Related Posts

Previous
Next Post »