Stroke-linecap - CSS-Tricks

Anonim

A stroke-linecappropriedade em CSS serve para definir os pontos inicial e final de uma borda em formas SVG.

.module ( stroke-linecap: round; )

Lembrar:

  • Isto irá substituir um atributo de apresentação
  • Isso não substituirá um estilo embutido, por exemplo

Valores

A stroke-linecappropriedade pode aceitar os seguintes valores:

  • butt (padrão): termina o traçado com um ângulo de 90 graus
  • square: semelhante, buttexceto que estende o traço além do comprimento do caminho
  • round: adiciona um raio que suaviza os pontos inicial e final, que é controlado pelo stroke-width

Veja a propriedade Pen stroke-linecap por CSS-Tricks (@ css-tricks) em CodePen.

Relacionado

  • stroke
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-width

Mais Informações

  • SVG 1.1 Spec
  • MDN em preenchimentos e traços

Suporte para navegador

cromada Safári Raposa de fogo Ópera IE Android iOS
sim sim sim sim 9+ 4,4+ sim