La stroke-linecappropriété en CSS sert à définir les points de départ et d'arrivée d'une bordure sur les formes SVG.
.module ( stroke-linecap: round; )Rappelles toi:
- Cela va passer outre un attribut de présentation
- Cela ne remplacera pas un style en ligne, par exemple
Valeurs
La stroke-linecappropriété peut accepter les valeurs suivantes:
butt(par défaut): termine le trait avec un angle net de 90 degréssquare: similaire àbuttsauf qu'il étend le trait au-delà de la longueur du tracéround: ajoute un rayon qui adoucit les points de départ et d'arrivée, contrôlé par lestroke-width
Voir la propriété Pen stroke-linecap par CSS-Tricks (@ css-tricks) sur CodePen.
En rapport
strokestroke-dasharraystroke-dashoffsetstroke-width
Plus d'information
- Spécifications SVG 1.1
- MDN sur les remplissages et les traits
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Oui | Oui | Oui | Oui | 9+ | 4.4+ | Oui |