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 ucuOutline 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
