https://znil.net/index.php?action=history&feed=atom&title=CSS_-_Alles_rund_um_Text 2026-04-27T14:33:50Z Versionsgeschichte dieser Seite in znilwiki MediaWiki 1.43.8 https://znil.net/index.php?title=CSS_-_Alles_rund_um_Text&diff=3419&oldid=prev 2012-12-11T11:44:58Z

<p>Die Seite wurde neu angelegt: „ Habe ich hier hauptsächlich als eigenes Nachschlagewerk aufgeführt - die Sachen werden gebraucht um das design dieser Webseite anzupassen.&lt;br&gt; ===font=== ==…“</p> <p><b>Neue Seite</b></p><div><br /> Habe ich hier hauptsächlich als eigenes Nachschlagewerk aufgeführt - die Sachen werden gebraucht um das design dieser Webseite anzupassen.&lt;br&gt;<br /> ===font===<br /> ====Schrifarten:====<br /> * &#039;&#039;&#039;font-family:&#039;&#039;&#039;<br /> ** &quot;Name der Schriftart&quot; - z.B. &quot;Times New Roman&quot;<br /> ** Teil des Namens - z.B. &#039;&#039;&#039;Times&#039;&#039;&#039;<br /> ** Schriftartenfamilie<br /> *** &#039;&#039;&#039;Serif&#039;&#039;&#039; - z.B. Times New Roman<br /> *** &#039;&#039;&#039;San-serif&#039;&#039;&#039; - z.B. Arial<br /> *** &#039;&#039;&#039;Monospace&#039;&#039;&#039; - Consolenschriftarten, z.B. Courier New<br /> font-family:&quot;Times New Roman&quot;, Times, serif;<br /> &lt;br&gt;<br /> ====Stil (normal oder italic====<br /> * &#039;&#039;&#039;font-style:&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;normal&#039;&#039;&#039; - ja- normal halt<br /> ** &#039;&#039;&#039;italic&#039;&#039;&#039; - Schräge Schrift<br /> font-style: normal;<br /> &lt;br&gt;<br /> ====Stil (fett etc.)====<br /> * &#039;&#039;&#039;font-weight:&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;normal&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;bold&#039;&#039;&#039; -&gt; fett<br /> ** &#039;&#039;&#039;bolder&#039;&#039;&#039; -&gt; extra fett<br /> ** &#039;&#039;&#039;lighter&#039;&#039;&#039; -&gt; Dünner als normal<br /> ** &#039;&#039;&#039;100, 200, 300, 400, 500, 600, 700, 800, 900&#039;&#039;&#039; -&gt; wobei 400 normal sein sollte und 700 bold<br /> font-weight: bold;<br /> &lt;br&gt;<br /> ====Stil (Unterstreichen etc.)====<br /> * &#039;&#039;&#039;text-decoration:&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;normal&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;underline&#039;&#039;&#039; - unterstrichen<br /> ** &#039;&#039;&#039;overline&#039;&#039;&#039; - Linie über dem Text<br /> ** &#039;&#039;&#039;line-through&#039;&#039;&#039; - durchgestrichen<br /> text-decoration:underline;<br /> text-decoration:line-through;<br /> &lt;br&gt;<br /> ====Größe====<br /> * &#039;&#039;&#039;font-size:&#039;&#039;&#039;<br /> ** in Pixel, z.B. &#039;&#039;&#039;20px&#039;&#039;&#039;<br /> ** in &quot;em&quot;, z.B. &#039;&#039;&#039;2em&#039;&#039;&#039; (wobei 1em der normalen Schriftgröße entsprechen soll, 1em sollten 16px sein)<br /> ** in %, z.B. &#039;&#039;&#039;100%&#039;&#039;&#039;<br /> font-size: 2em;<br /> &lt;br&gt;<br /> ====Farbe====<br /> * &#039;&#039;&#039;color:&#039;&#039;&#039;<br /> ** Farbwert als Hexadezimal: &#039;&#039;&#039;##ffffff&#039;&#039;&#039; ist weiss, &#039;&#039;&#039;#000000&#039;&#039;&#039; ist schwarz<br /> ** Farbenname, z.B. &#039;&#039;&#039;red, black, white, grey, lightgrey&#039;&#039;&#039;<br /> color: #fc0000;<br /> color: white;<br /> &lt;br&gt;<br /> ====Ausrichtung====<br /> * &#039;&#039;&#039;text-align:&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;left&#039;&#039;&#039; = links<br /> ** &#039;&#039;&#039;center&#039;&#039;&#039; = zentriert<br /> ** &#039;&#039;&#039;right&#039;&#039;&#039; = rechts<br /> ** &#039;&#039;&#039;justify&#039;&#039;&#039; = Blocksatz<br /> text-align: center;<br /> text-align: left;<br /> text-align: right;<br /> text-align: justify;<br /> &lt;br&gt;<br /> ====Umwandeln (GROSS/klein)====<br /> * &#039;&#039;&#039;text-transform:&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;none&#039;&#039;&#039;<br /> ** &#039;&#039;&#039;capitalize&#039;&#039;&#039; - erster Buchstabe groß, Rest klein<br /> ** &#039;&#039;&#039;uppercase&#039;&#039;&#039; - alles in GROSSBUCHSTABEN<br /> ** &#039;&#039;&#039;lowercase&#039;&#039;&#039; - alles in kleinbuchstaben<br /> text-transform: uppercase;<br /> text-transform: lowercase;<br /> text-transform: capitalize;<br /> <br /> ====Einzug (~TAB)====<br /> * &#039;&#039;&#039;text-indent:&#039;&#039;&#039;<br /> ** Wert in px, em oder % -&gt; gibt den Abstand zum eigentlichen Textrand an, so ähnlich wie TAB. Die umgebrochenen Zeilen fangen aber wieder normal an.<br /> text-indent:20px<br /> &lt;br&gt;<br /> {{Trennlinie-02}}&lt;br&gt;</div>

BLinz