Wie mit 'symbols:' innerhalb von @counter-style SVGs einbinden
bearbeitet von
moin,
> Da ist auch ***oben*** kein Beispiel.
Ich nehme an das du…
```css
@counter-style counterStyle {
system: fixed;
symbols: url( 'data:image/svg+xml;charset=UTF-8,<svg …>…</svg>' url( '…' ) … );
}
```
…nicht als Beispiel wertes.
> Ich hätte da noch schreiben sollen ***Online***-Beispiel.
Ok habe ich ja gemacht…
> > > > Obwohl es auf [W3.org](https://www.w3.org) im Artikel [css-counter-styles-3 alphabetic-system](https://www.w3.org/TR/css-counter-styles-3/#alphabetic-system) möglich sein ist…
> > > >
> > > > ```css
> > > > @counter-style go
> > > > {
> > > > system: alphabetic;
> > > > symbols: url(white.svg) url(black.svg);
> > > > suffix: " ";
> > > > }
> > > > ```
…ich hoffe es ist besser aufschlussreicher!
> Nein, „CSS“ und „SVG“ ist deutlich genug.
Gut, dann streiche ich `Technik`. Danke.
lgmb
--
Sprachstörung
Wie mit 'symbols:' innerhalb von @counter-style SVGs einbinden
bearbeitet von
moin,
> Da ist auch ***oben*** kein Beispiel.
Ich nehme an das du…
```css
@counter-style counterStyle {
system: fixed;
symbols: url( 'data:image/svg+xml;charset=UTF-8,<svg …>…</svg>' url( '…' ) … );
}
```
…nicht als Beispiel wertes.
> > > > Ich hätte da noch schreiben sollen ***Online***-Beispiel.
Ok habe ich ja gemacht…
> > > > Obwohl es auf [W3.org](https://www.w3.org) im Artikel [css-counter-styles-3 alphabetic-system](https://www.w3.org/TR/css-counter-styles-3/#alphabetic-system) möglich sein ist…
> > > >
> > > > ```css
> > > > @counter-style go
> > > > {
> > > > system: alphabetic;
> > > > symbols: url(white.svg) url(black.svg);
> > > > suffix: " ";
> > > > }
> > > > ```
…ich hoffe es ist besser aufschlussreicher!
> Nein, „CSS“ und „SVG“ ist deutlich genug.
Gut, dann streiche ich `Technik`. Danke.
lgmb
--
Sprachstörung