Πλάτος διαδρομής - CSS-Κόλπα

Η stroke-widthιδιότητα στο CSS προορίζεται για τον καθορισμό του πλάτους ενός περιγράμματος σε σχήματα SVG.

.module ( stroke-width: 2; )

Θυμάμαι:

Αυτό θα παρακάμψει ένα χαρακτηριστικό παρουσίασης
Αυτό δεν θα παρακάμψει ένα ενσωματωμένο στυλ π.χ.

Αξίες

Η stroke-widthιδιοκτησία μπορεί να δεχτεί οποιονδήποτε αριθμό, συμπεριλαμβανομένων ολόκληρων αριθμών, δεκαδικών και ποσοστών:

stroke-width: 2px
stroke-width: 2em
stroke-width: 2
stroke-width: 2.5
stroke-width: 15%

Σημειώστε ότι δεν απαιτείται αναγνωριστικό μονάδας (π.χ. pxκαι em). Ένας αριθμός χωρίς μονάδες είναι μια τιμή που βασίζεται στο σύστημα συντεταγμένων του SVG viewBox. Έτσι, για παράδειγμα, 5αποδίδει το ίδιο όπως 5%σε ένα viewBoxπου έχει οριστεί σε 0 0 100 100(5/100 = .05 ή 5%) αλλά 10%σε ένα που είναι 0 0 50 50(5/50 = .1 ή 10%).

Δείτε την ιδιότητα πλάτους περιγράμματος πένας από CSS-Tricks (@ css-tricks) στο CodePen.