Инсулт - CSS-трикове

Anonim

В strokeимота в CSS е за добавяне на контур на SVG форми.

.module ( stroke: black; )

Помня:

  • Това ще замени атрибута на презентацията
  • Това няма да замени вградения стил, напр

Стойности

В strokeимота може да приеме всяко CSS цвят стойност.

  • Наименовани цветове - orange
  • Шестостенни цветове - #FF9E2C
  • RGB и RGBa цветове - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Цветове HSL и HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Достатъчно страхотно, strokeсъщо така приема шаблоните на SVG фигури, които са дефинирани вътре в defsелемент:

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

Вижте свойството Pen stroke от CSS-Tricks (@ css-tricks) на CodePen.

Свързани

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

Повече информация

  • SVG 1.1 Спецификация
  • MDN при запълване и щрихи

Поддръжка на браузър

Chrome Сафари Firefox Опера IE Android iOS
Да Да Да Да 9+ 4.4+ Да