Εγκεφαλικό - CSS-Κόλπα

Anonim

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

.module ( stroke: black; )

Θυμάμαι:

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

Αξίες

Η strokeιδιοκτησία μπορεί να αποδεχτεί οποιαδήποτε τιμή χρώματος CSS.

  • Ονομαστικά χρώματα - orange
  • Hex χρώματα - #FF9E2C
  • Χρώματα RGB και RGBa - rgb(255, 158, 44) and rgba(255, 158, 44, .5)
  • Χρώματα HSL και HSLa - hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

Απίστευτα, strokeαποδέχεται επίσης τα μοτίβα των σχημάτων SVG που ορίζονται μέσα σε ένα defsστοιχείο:

.module ( stroke: url(#pattern); )

Δείτε την ιδιότητα Pen stroke του CSS-Tricks (@ css-tricks) στο CodePen.

Σχετιζομαι με

  • fill
  • stroke-dasharray
  • stroke-dashoffset
  • stroke-linecap
  • stroke-width

Περισσότερες πληροφορίες

  • SVG 1.1 Προδιαγραφές
  • MDN για γεμίσματα και εγκεφαλικά επεισόδια

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

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