Acidente vascular cerebral - CSS-Tricks

Anonim

A strokepropriedade em CSS serve para adicionar uma borda às formas SVG.

.module ( stroke: black; )

Lembrar:

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

Valores

A strokepropriedade pode aceitar qualquer valor de cor CSS.

  • Cores nomeadas - orange
  • Cores hexadecimais - #FF9E2C
  • Cores RGB e RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Cores HSL e HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Incrivelmente, stroketambém aceita os padrões de formas SVG que são definidas dentro de um defselemento:

.module ( stroke: url(#pattern); )

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

Relacionado

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • 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