Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Fotokurse und Schulungen»Digitale Fotografie - Bildgestaltung« Noch nie war es so einfach, Fotografieren zu lernen |
Fotografie von ihrer besten Seite: Aktuelle Kameras, Bildbearbeitung und Fototipps auf foto.5lux.de |
Aug 2008
CSS-Eigenschaft font-style – Schriftstil
Ein kursiver Schriftschnitt wird zur Auszeichnung von Begriffen oder Sätzen im Fließtext benutzt – kursiv gesetzte Texte springen weniger hervor als fett gesetzte Schriften.
CSS bietet zwei Optionen: italic und oblique. Dabei soll italic den schräg gestellten Font nutzen, bei dem der Schriftdesigner die einzelnen Zeichen aufeinander und auf die Schrägstellung abgestimmt hat. Wenn ein solcher italic-Schnitt nicht vorhanden ist, soll der Browser die Schrift elektronisch schräg stellen – oblique.
Anstelle der CSS-Eigenschaft font-style: italic oder oblique kann das HTML-Tag <em> den Text als kursive Schrift auszeichnen.
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
oder
<span style="font-style: normal;">Normal</span>
<span style="font-style: italic;">Italic</span>
<span style="font-style: oblique;">Oblique</span>
Normal Italic Oblique
Normal Italic Oblique
font-style
IE4+ M1 N4+ O5+ S1 CSS1 Erblich: Ja
- font-style
- font-style stellt die Schrift normal, kursiv und schräg gestellt dar.
- Werte
- normal | italic | oblique | inherit
- normal
- ist die Voreinstellung und stellt die Zeichen aufrecht dar. Die Angabe normal stellt sicher, dass vorangegangene Deklarationen den Schriftstil nicht beeinflussen.
- italic
- stellt die Schrift in einem kursiven Schnitt dar. Wenn kein Kursivschnitt (italic) auf dem Zielrechner installiert ist, benutzt der Browser oblique.
- oblique
- veranlasst den Browser, die Buchstaben schräg darzustellen, um einen Kursivschnitt nachzuahmen.
Webseiten mit CSS gestalten
Element-, Klassen- und ID-Selektoren
background & color Farben
font Schriftgestaltung auf Webseiten
text-align • Ausrichten von Texten
- letter-spacing • Raum zwischen Zeichen
- text-decoration • Text unterstreichen
- text-indent • Text einrücken
- text-transform • Großschreibung / Versalien
- white-space • Zeilenumbruch in Texten
- word-spacing • Raum zwischen Wörtern
- vertical-align • Hochstellen / Tiefstellen
- direction | unicode-bidi • Laufrichtung von Texten
width height
margin • äußerer Abstand
list-style Listen und Aufzählungen
position Positionierung
table Tabellen
user interface Mauszeiger / cursor
visibility Sichtbarkeit
generated content • Autom. generierte Zähler
Kurzreferenz CSS 2.1-Eigenschaften
Fotokurse und Schulungen
