WikiStyles

WikiStyles bieten eine mächtige Möglichkeit Texte und auch ganze Textblöcke umfangreich zu formatieren. Ein WikiStyle beginnt stehts mit einem Prozentzeichen, gefolgt von einer Liste von zu formatierenden Attributen, gefolgt von einem weiteren Prozentzeichen, gefolgt von dem zu formatierenden Text, gefolgt von zwei abschliessenden Prozentzeichen.

Ein kleines Beispiel: %color:blue%blauer Text%% würde einen blauen Text ergeben: blauer Text

Mehrere Attribute in einem WikiStyle werden mit Semikolon (;) voneinander getrennt.

Beispiel: %color:blue;font-weight:bold%blau und fett%% ergibt fetten und blauen Text: blau und fett

Es gibt noch eine Menge möglicher Attribute mit denen Text formatiert werden kann und diese können sich je nach Wiki auch unterscheiden. Standardmäßig werden folgende Attribute unterstützt jedoch kann der Administrator eines Wikis diese auch ändern und erweitern.

Name Mögliche Werte Beispiel
font-size 0.5em - 3.9em %font-size:1.2em%1.2 mal so grosser Text%%
color Farbname? oder Farbcode? %color:orange%orangener Text%%
font-style italic oder normal %font-style:italic%kursiver Text%%
font-weight bold oder normal %font-weight:bold%fetter Text%%
font-family serif, sans-serif, oder monospace %font-family:serif%Text mit Schriftfamilie "Serif"%%
text-decoration underline, overline, line-through oder none %text-decoration:underline%Unterstrichener Text%%
background-color Farbname? oder Farbcode? %background-color:#275890;color:white%Weisser Text auf blauem Hintergrund%%
border Dicke Farbe StilDicke: 1px bis 10pxFarbe: Farbname? oder Farbcode?Stil: dashed (gestrichelt), solid (durchgezogen), dotted (gepunktet) oder double (doppelt). %border:2px green dashed%Text mit gestrichelter Umrandung%%
border-left siehe 'border' %border-left:1px #33ff33 solid%Rahmen links%%
border-right siehe 'border' %border-right:1px #33ff33 solid%Rahmen rechts%%
border-top siehe 'border' %border-top:1px #33ff33 solid%Rahmen oben%%
border-bottom siehe 'border' %border-bottom:1px #33ff33 solid%Rahmen unten%%
margin 0px - 999px %margin:10px%10 Pixel Aussenabstand%%
margin-left siehe 'margin' %margin-left:10px%10 Pixel Abstand von links%%
margin-right siehe 'margin' %margin-right:10px%10 Pixel Abstand von rechts%%
margin-top siehe 'margin' %margin-top:10px%10 Pixel Abstand von oben%%
margin-bottom siehe 'margin' %margin-bottom:10px%10 Pixel Abstand von unten%%
padding siehe 'margin' %padding:10px%10 Pixel Innenabstand%%
padding-left siehe 'margin' %padding-left:10px%10 Pixel Innenabstand links%%
padding-right siehe 'margin' %padding-right:10px%10 Pixel Innenabstand rechts%%
padding-top siehe 'margin' %padding-top:10px%10 Pixel Innenabstand oben%%
padding-bottom siehe 'margin' %padding-bottom:10px%10 Pixel Innenabstand unten%%
text-align left (linksbündig), center (zentriert), right (rechtsbündig) oder justify (Blocksatz, funktioniert nur in Verbindung mit display:block) %text-align:justify;display:block%Ich bin ein kleiner Blocksatz und gehe immer über die ganze Breite%%
display block, inline oder none %display:none%Ich werde nicht angezeigt%%
float left oder right (float funktioniert nur in Verbindung mit display:block) %float:left;display:block%Ich werde rechts vom Text umflossen%%Und noch ein bisschen mehr Blindtext zur Verdeutlichung

EinfacheFormatierungen«Dokumentation»StyleKlassen

 Quelltext betrachten   Druckversion   Versionen 
Letzte Änderung: 22.03.05 01:35 Version 1.0.0