Strok genişliği - CSS Hileleri

CSS'deki stroke-widthözellik, SVG şekillerindeki bir sınırın genişliğini ayarlamak içindir.

.module ( stroke-width: 2; )

Hatırlamak:

Bu , bir sunum özelliğini geçersiz kılar
Bu , satır içi stili geçersiz kılmaz, örneğin

Değerler

stroke-widthMülkiyet tam sayılar, ondalık ve yüzdeler dahil herhangi bir sayıda, kabul edebilir:

stroke-width: 2px
stroke-width: 2em
stroke-width: 2
stroke-width: 2.5
stroke-width: 15%

Bir birim tanımlayıcısının (yani pxve em) gerekli olmadığına dikkat edin. Birimsiz bir sayı, SVG'nin koordinat sistemine dayalı bir değerdir viewBox. Bu nedenle, örneğin, 5aynı hale 5%a viewBoxayarlanmış olduğunu 0 0 100 100(5/100 = .05 veya% 5), ancak 10%bir o en 0 0 50 50(5/50 = .1 ya da% 10).

CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem kontur genişliği özelliğine bakın.