CSS stroke-width Kullanımı
CSS stroke-width özelliği, SVG veya shape elementleri için çizgi kalınlığını belirler. Özellik, bir sayı değeri alır ve varsayılan değeri 1'dir.
Örneğin, aşağıdaki CSS kodu, bir SVG elementinin çizgi kalınlığını 5px olarak ayarlamaktadır.
svg {
stroke-width: 5px;
}
- Eğer stroke-width değeri 1 ise, çizgi kalınlığı 1px olacaktır.
- Eğer stroke-width değeri 5 ise, çizgi kalınlığı 5px olacaktır.
- Eğer stroke-width değeri 0 ise, çizgi görünmez olacaktır.
Bu özellik, genellikle SVG veya shape elementleri için çizgi kalınlığını belirlemek için kullanılır. Örneğin, bir web sayfasında SVG elementleri ile oluşturulmuş bir logo veya icon için çizgi kalınlığını ayarlamak görsel olarak daha iyi bir sonuç sağlayabilir.