La stroke-linecapproprietà in CSS serve per impostare i punti di inizio e fine di un bordo su forme SVG.
.module ( stroke-linecap: round; )Ricorda:
- Questo sarà sovrascrivere un attributo di presentazione
- Questo non sovrascriverà uno stile in linea ad es
Valori
La stroke-linecapproprietà può accettare i seguenti valori:
butt(predefinito): termina il tratto con un angolo acuto di 90 gradisquare: simile abutttranne che estende il tratto oltre la lunghezza del percorsoround: aggiunge un raggio che smussa i punti iniziale e finale, che è controllato dastroke-width
Vedi la proprietà Pen stroke-linecap di CSS-Tricks (@ css-tricks) su CodePen.
Relazionato
strokestroke-dasharraystroke-dashoffsetstroke-width
Maggiori informazioni
- Specifiche SVG 1.1
- MDN su riempimenti e tratti
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| sì | sì | sì | sì | 9+ | 4.4+ | sì |