Stroke-linecap - CSS-trükkök

Anonim

A stroke-linecapCSS tulajdonság a határ kezdő és végpontjának beállítására szolgál az SVG alakzatoknál.

.module ( stroke-linecap: round; )

Emlékezik:

  • Ez lesz felülírja a bemutató attribútum
  • Ez nem fogja felülírni az inline stílust, pl

Értékek

A stroke-linecapszálláshely a következő értékeket tudja elfogadni:

  • butt (alapértelmezett): éles 90 fokos szöggel fejezi be a löketet
  • square: hasonló ahhoz butt, hogy a vonást az út hosszán túlra is kiterjeszti
  • round: hozzáad egy olyan sugarat, amely kisimítja a kezdő és a végpontot, amelyet a stroke-width

Tekintse meg a CSS-Tricks (@ css-tricks) Pen stroke-linecap tulajdonságát a CodePen-en.

Összefüggő

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

Több információ

  • SVG 1.1 Spec
  • MDN a kitöltésekről és agyvérzésekről

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
Igen Igen Igen Igen 9+ 4.4+ Igen