Obrys-linecap - CSS-Tricks

Anonim

stroke-linecapNieruchomość w CSS jest ustawienie początkowe i końcowe punkty na granicy kształty SVG.

.module ( stroke-linecap: round; )

Zapamiętaj:

  • Spowoduje to zastąpienie atrybutu prezentacji
  • Nie spowoduje to zastąpienia stylu wbudowanego, np

Wartości

stroke-linecapNieruchomość może przyjąć następujące wartości:

  • butt (domyślnie): kończy obrys ostrym kątem 90 stopni
  • square: podobny do butttego, że wydłuża obrys poza długość ścieżki
  • round: dodaje promień, który wygładza punkty początkowe i końcowe, który jest kontrolowany przez stroke-width

Zobacz właściwość Pen stroke-linecap autorstwa CSS-Tricks (@ css-tricks) w CodePen.

Związane z

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

Więcej informacji

  • SVG 1.1 Spec
  • MDN na wypełnieniach i obrysach

Wsparcie przeglądarki

Chrom Safari Firefox Opera TO ZNACZY Android iOS
tak tak tak tak 9+ 4.4+ tak