Scalable Vector Graphics/Stijl: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
|||
Regel 3:
==Kleur-attributen==
===fill===
[[Afbeelding:Fill.svg|border|right|100px]]
Bepaalt de kleur waarmee het element opgevuld wordt. De kleur mag worden opgegeven als HTML-kleurnaam, HTML-kleurcode of RGB-kleurcode. De verstekwaarde is "black".
{{Voorbeeld|1=
<circle cx="
}}
===fill-opacity===
[[Afbeelding:Fill-opacity.svg|border|right|100px]]
De waarde in ''fill-opacity'' is bepalend voor de mate van doorzichtigheid van de kleur waarmee de figuur opgevuld wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.
*Optioneel
*Default: 1
*Waarden: 0 .. 1
{{Voorbeeld|1=
<circle cx="60" cy="60" r="35" stroke="black" stroke-width="4" fill="lightgrey" fill-opacity="0.5" />
}}
===opacity===
[[Afbeelding:Opacity.svg|border|right|100px]]
De waarde in ''opacity'' is bepalend voor de mate van doorzichtigheid waarmee de gehele figuur getekend wordt, en beïnvloedt de gehele figuur, dus zowel de ''stroke'' als de ''fill''. De waarde kan van 0 (nul) tot 1 gekozen worden, waarbij 0 totale transparantie tot gevolg heeft, en 1 de figuur ondoorzichtig maakt.
*Optioneel
*Default: 1
*Waarden: 0 .. <u>1</u>
{{Voorbeeld|1=
<circle cx="60" cy="60" r="35" stroke="black" stroke-width="4" fill="lightgrey" opacity=".5" />
}}
===stroke===
[[Afbeelding:Stroke.svg|border|right|100px]]
Bepaalt de kleur van de rand van een grafisch element.
*Optioneel
Regel 26 ⟶ 36:
*Waarde: HTML-kleurnaam, HTML-kleurcode of RGB-kleurcode
{{Voorbeeld|1=
<circle cx="
}}
===stroke-opacity===
[[Afbeelding:Stroke-opacity.svg|border|right|100px]]
De waarde in ''stroke-opacity'' is bepalend voor de mate van doorzichtigheid waarmee de lijn getekend wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.
*Optioneel
*Default: 1
*Waarden: 0 .. 1
{{Voorbeeld|1=
<circle cx="60" cy="60" r="35" stroke="black" stroke-width="4" fill="lightgrey" stroke-opacity=".5" />
}}
==Vorm-attributen==
| |||