Css Outline Dış Çizgi Özellikleri
19 May 2008. Yazar: blackinci
Outline dış çizgi kodumuz dur görsel olarak border gibidir ama çalışma olarak border den farklıdır bu farklılığı bir input button elementine uygulayarak görebiliriz. Outline kullanımı için bir kısıtlama yoktur bütün elementlerde kullanılabilir borderle birlikte de kullanılabilir fakat outline özelliğini İE6 ve İE7 tarayıcıları hermzanaki gibi desteklemiyor css ile uğraşanlar için bu pekte sıra dışı değildir heralde geçelim outline özelliklerine
outline-color => dış çizgi rengi
outline-style => dış çizgi stili
outline-width => dış çizgi kalınlığı
Dış çizgi rengi örnek kullanım
div {outline-color: red;}
Dış çizgi stilleri border stilleri ile aynıdır bu stilleri görmek için border stilleri sayfasına inceleyiniz
Dış çizgi stili örnek kullanım
div {outline-style: solid;}
Dış çizgi kalınlığı için thin ince, medium orta, thick kalın olarak üç temel kod dışında piksel (px), santim (cm) vb. gibi uzunluk birimlerini kullanabilirsiniz
Dış çizgi kalınlık örnek kullanım
div {outline-width: medium;}
İp ucu
Outline kodunu tek tek kullanmak yerine tek satır olarak kullanabiliriz
Örnek kullanım:
div {outline: red solid thin;}
Dikkat etmemmiz gereken sıralama aynen yukarıdaki örnek gibi olmalıdır renk, stil, kalınlık
bu uygulamanın ie tarayıcılarında çalımadığını unutmayın hoşcakalın...
Örnek - Ön İzleme