CSS HOW-TOCSS TemplatesLink ListeKontaktSitemap

07 Definitionen für Schriften

Schriftformate

Schriftfamilien: font-family: Verdana, Arial, Helvetica, Sans-Serif;
Schriftgröße: font-size:18px; (px / em)
Schriftstärke: font-weight:bold;
Schriftstile: font-style:"normal / italic / oblique / inherit";
Schriftfarbe: color:#ff6600; oder color: rgb(86,75,71)

Textlauf

Abstand zwischen Buchstaben: letter-spacing:10px;
Abstand zwischen Wörtern: word-spacing:10px;
Zeilenhöhe: line-height:10px; ACHTUNG line-height wird in die td vererbt.
Bei allen Angaben sind auch negative Werte möglich.

Textauszeichnungen

text-decoration:none;
Werte: underline, overline, line-through, none
text-transform:uppercase;
Werte: uppercase, lowercase, capitalize

Text Ausrichtung

Mit text-align: center; wird der Text im Absatz zentriert
h1 { text-align:center; }
Werte: left, right, center und justify

Vertikale Ausrichtung:

Mit der Eigenschaft vertical-align lassen sich Abschnitte auch vertikal ausrichten. Dies kann z. B. innerhalb von Tabellenzellen verwendet werden.

.menu { vertical-align:top; }
Werte: top (oben), middle (mittig), bottom (untenbündig), baseline (an der Basislinie), sub (tiefergestellt) und super (höhergestellt).

Textumbruch

white-space kann das Zeilenumbruchverhalten von Textabschnitten bestimmen.

.nobr { white-space:nowrap; }
Werte: nowrap (kein automatischer Zeilenumbruch),

pre Umbrüche wie im Editor eingegeben, entspricht dem HTML-Tag pre
normal (normale Umbrüche).

weitere Artikel