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 align-content Kullanımı

CSS font-style Kullanımı

CSS list-style Kullanımı

CSS grid-area Kullanımı

CSS flex-shrink Kullanımı