Löögivöö - CSS-trikid

Anonim

stroke-linecapVara CSS on seadmiseks algus- ja lõpp-punkti piiri peal SVG kujundeid.

.module ( stroke-linecap: round; )

Pidage meeles:

  • See on alistada esitlus atribuut
  • See ei alista sisemist stiili, nt

Väärtused

stroke-linecapVara võib aktsepteerida järgmisi väärtusi:

  • butt (vaikimisi): lõpetab löögi terava 90-kraadise nurga all
  • square: sarnane sellega, buttet see laiendab käiku üle tee pikkuse
  • round: lisab raadiuse, mis tasandab algus- ja lõpp-punkti, mida kontrollib stroke-width

Vaadake CodePenilt CSS-Tricks atribuuti Pen stroke-linecap (@ css-tricks).

Seotud

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

Rohkem informatsiooni

  • SVG 1.1 spetsifikatsioon
  • MDN täidistel ja löökidel

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Jah Jah Jah Jah 9+ 4.4+ Jah