Scalable Vector Graphics/Stijl: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
k →stroke |
|||
Regel 2:
===stroke===
Bepaalt de kleur van de rand van een element.
*Optioneel
*Default: none (transparant)
*Waarde: HTML-kleurnaam, HTML-kleurcode of RGB-kleurcode
{{Voorbeeld|1=
<circle cx="100" cy="75" r="50" stroke="red" />
Regel 8 ⟶ 11:
===stroke-width===
Bepaalt de dikte van de rand van een element
*Optioneel
*Default: 1px
*Eenheid: px (default), em, in, mm, %
{{Voorbeeld|1=
<circle cx="100" cy="75" r="50" stroke="red" stroke-width="4" />
}}
===stroke-dasharray===
Een reeks getallen, gescheiden door komma's, geeft een patroon van stippen, strepen of een combinatie daarvan aan de omlijning van elementen. De opgegeven waarden worden herhaald toegepast op de totale lengte van de lijn. De oneven waarden bepalen de lengte van de zichtbare delen, de even waarden die van de niet zichtbare delen. Oneven aantallen opgegeven waarden leiden tot een afwisselend positief en negatief patroon: een waarde van b.v. "20, 10, 5" wordt uitgevoerd als "20, 10, 5, 20, 10, 5". <br />
Het voorbeeld toont een lijn die bestaat uit delen van 20 pixels, telkens met onderbrekingen van 10 pixels.
*Optioneel
*Default: 0
*Eenheid: px (default), em, in, mm, %
{{Voorbeeld|1=
<line x1="0" y1="75" x2="200" y2="75" stroke-width="5" stroke="black" stroke-dasharray="20, 10" />
}}
| |||