Η 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+ | Ναί |