sta – Lesezeichen-Band-Test

SVG-Variante

Anzeigehöhe (em)1.35

viewBox-Breite34

viewBox-Höhe25

Bandkante seitl.2

Rand oben1

Kerbe-Tiefe4

Buchstaben-Rand seitl.0

Buchstaben auf Bandbreite strecken (0 = bis ganz an den Rand)

Schrift 1-zeilig9

Schrift 2-zeilig8

Zeichenabstand-0.4

Kappen bei N Buchstaben15

Bandfläche einfärben (zeigt leeren Rand)

HTML/CSS-Variante

Schrift (px)13

Seiten-Rand (px)3

Ober-/Unter-Rand (px)2

Kerbe (%)22

Zeichenabstand (px)-0.3

min-Breite (em)2

max-Breite (em)6

2 Zeilen erlauben (statt … abschneiden)

Eigenes Lesezeichen

erlaubte Buchstaben (max)15

Ein „-" im Text bestimmt den Zeilenumbruch – es wird selbst entfernt und durch den Umbruch ersetzt.

Eigenes Lesezeichen (live)

SVG – echte Größe

SVG – Zoom ×4

HTML/CSS – echte Größe

HTML/CSS – Zoom ×4

Am Versende (so hängt es in der App)

Joh 3:16Also hat Gott die Welt geliebt, daß er seinen eingeborenen Sohn gab, auf daß alle, die an ihn glauben, nicht verloren werden, sondern das ewige Leben haben.

Bänder hängen NUR am Ende des ganzen Verses (mehrere nebeneinander), nie mitten im Text. Links je das SVG-, rechts daneben das CSS-Band – in echter Proportion.

Lesezeichen-Band – Geometrie-Test

SVG-Variante

Eigenes Lesezeichen (live)

SVG – echte Größe

SVG – Zoom ×4

HTML/CSS – echte Größe

HTML/CSS – Zoom ×4

Am Versende (so hängt es in der App)

Aktuelle Werte