DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die stroke Eigenschaft in CSS dient zum Hinzufügen eines Rahmens zu SVG-Formen.
.module {
stroke: black;
}Denken Sie daran
- Dies **wird** ein Präsentationsattribut überschreiben
<path stroke="#fff" ... /> - Dies **wird nicht** eine Inline-Stilüberschreibung, z. B.
<path style="stroke: #fff;" ... />
Werte
Die stroke Eigenschaft kann jeden CSS-Farbwert akzeptieren.
- Benannte Farben —
orange - Hex-Farben —
#FF9E2C - RGB- und RGBa-Farben —
rgb(255, 158, 44) und rgba(255, 158, 44, .5) - HSL- und HSLa-Farben —
hsl(32, 100%, 59%) und hsla(32, 100%, 59%, .5)
Erstaunlicherweise akzeptiert stroke auch die Muster von SVG-Formen, die innerhalb eines defs Elements definiert sind.
.module {
stroke: url(#pattern);
}Siehe den Pen stroke property von CSS-Tricks (@css-tricks) auf CodePen.
Verwandt
Weitere Informationen
Browser-Unterstützung
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ja | Ja | Ja | Ja | 9+ | 4.4+ | Ja |