Mrtvice - Triky CSS

Anonim

strokeNemovitost v CSS je pro přidání ohraničení SVG tvarů.

.module ( stroke: black; )

Pamatovat si:

  • To bude přepsat atribut prezentační
  • To nebude přepsat inline stylu např

Hodnoty

strokeNemovitost může přijmout jakoukoliv barvu CSS hodnotu.

  • Pojmenované barvy - orange
  • Hex barvy - #FF9E2C
  • Barvy RGB a RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Barvy HSL a HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Úžasně stroketaké přijímá vzory tvarů SVG, které jsou definovány uvnitř defsprvku:

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

Podívejte se na vlastnost tahu pera pomocí CSS-Tricks (@ css-tricks) na CodePen.

Příbuzný

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

Více informací

  • SVG 1.1 Spec
  • MDN na výplních a tahech

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
Ano Ano Ano Ano 9+ 4,4+ Ano