Dynamische Groß- und Kleinschreibung
Angenommen man möchte zur Visualisierung Überschriften nur in Großbuchstaben darstellen, so kann man natürlich beim Eingeben nur Großbuchstaben eintippen. Sollen diese Texte herauskopiert werden, sind die Buchstaben noch alle in Großschrift. Besser sind folgende Tricks und Kniffe, die in CSS umsetzbar sind:
1. font-variant
h1 {font-variant:small-caps;}
h2 {font-variant:normal;}
Überschriften der Ordnung 2 werden hier normal dargestellt, während in der ersten Ordnung alles in Großbuchstaben abgebildet wird, allerdings mit der Besonderheit, daß kleingeschriebene Buchstaben auch verkleinert dargestellt werden.
2. text-transform
h1 {text-transform:capitalize;}
h2 {text-transform:uppercase;}
h3 {text-transform:lowercase;}
h4 {text-transform:none;}
Überschriften in der ersten Ordnung werden nun so dargestellt, daß der erste Buchstabe eines jeden Wortes nun großgeschrieben ist. Die zweite Stufe wäre nun komplett großgeschrieben, die dritte kleingeschrieben und bei der letzten ändert sich nichts.
Die Besonderheit dabei ist: markiert man nun einen Text, der optisch mit Großbuchstaben geschrieben wurde, und kopiert diesen z.B. in den Editor, so erscheinen die Buchstaben wieder in ihren Umsprungsformat.
Bisherige Kommentare (0)
Es wurde noch kein Kommentar geschrieben!
Kommentar verfassen
Bisherige Trackbacks (0)
Es wurde noch kein Trackback empfangen!