La strokepropiedad en CSS es para agregar un borde a las formas SVG.
.module ( stroke: black; )Recuerda:
- Esto va a anular un atributo de presentación
- Esto no anulará un estilo en línea, p. Ej.
Valores
La strokepropiedad puede aceptar cualquier valor de color CSS.
- Colores nombrados -
orange - Colores hexagonales -
#FF9E2C - Colores RGB y RGBa -
rgb(255, 158, 44) and rgba(255, 158, 44, .5) - Colores HSL y HSLa -
hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)
Sorprendentemente, stroketambién acepta los patrones de formas SVG que se definen dentro de un defselemento:
.module ( stroke: url(#pattern); )Consulte la propiedad de trazo de lápiz de CSS-Tricks (@ css-tricks) en CodePen.
Relacionado
fillstroke-dasharraystroke-dashoffsetstroke-linecapstroke-width
Más información
- Especificaciones de SVG 1.1
- MDN en rellenos y trazos
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| sí | sí | sí | sí | 9+ | 4.4+ | sí |