Insults - CSS-triki

Anonim

strokeĪpašums CSS ir pievienot apmali SVG formām.

.module ( stroke: black; )

Atcerieties:

  • Tas būs ignorēt prezentācijas atribūtu
  • Tas nebūs ignorēt inline stila piemēram

Vērtības

strokeĪpašums var pieņemt jebkuru CSS krāsas vērtību.

  • Nosauktās krāsas - orange
  • Hex krāsas - #FF9E2C
  • RGB un RGBa krāsas - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • HSL un HSLa krāsas - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Pietiekami satriecoši strokepieņem arī SVG formu modeļus, kas definēti defselementa iekšpusē :

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

Skatiet CSS-Tricks rekvizītu Pen insult (@ css-tricks) vietnē CodePen.

Saistīts

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

Vairāk informācijas

  • SVG 1.1 Spec
  • MDN uz pildījumiem un insultiem

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jā Jā Jā Jā 9+ 4.4+ Jā