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.


CSS

İlginizi Çekebilir

CSS opacity Kullanımı

CSS flex-shrink Kullanımı

CSS border-spacing Kullanımı

CSS border-image-slice Kullanımı

CSS list-style Kullanımı