Удар-linecap - CSS-трикове

Anonim

В stroke-linecapимота в CSS е за настройка на началната и крайната точки на една граница на SVG форми.

.module ( stroke-linecap: round; )

Помня:

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

Стойности

В stroke-linecapимота може да приеме следните стойности:

  • butt (по подразбиране): завършва хода с остър ъгъл от 90 градуса
  • square: подобно на това, buttс изключение на това, че удължава хода над дължината на пътя
  • round: добавя радиус, който изглажда началните и крайните точки, който се контролира от stroke-width

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

Свързани

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

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

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

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

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