Εγκεφαλικό επεισόδιο - 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 για γεμίσματα και εγκεφαλικά επεισόδια

Υποστήριξη προγράμματος περιήγησης

Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
Ναί Ναί Ναί Ναί 9+ 4.4+ Ναί