La stroke-linecappropiedad en CSS es para establecer los puntos de inicio y finalización de un borde en formas SVG.
.module ( stroke-linecap: round; )Recuerda:
- Esto va a anular un atributo de presentación
- Esto no anulará un estilo en línea, p. Ej.
Valores
La stroke-linecappropiedad puede aceptar los siguientes valores:
butt(predeterminado): finaliza el trazo con un ángulo agudo de 90 gradossquare: similar abuttexcepto que extiende el trazo más allá de la longitud del caminoround: agrega un radio que suaviza los puntos de inicio y final, que es controlado por elstroke-width
Vea la propiedad Pen stroke-linecap de CSS-Tricks (@ css-tricks) en CodePen.
Relacionado
strokestroke-dasharraystroke-dashoffsetstroke-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í |