p/text - Text | |||
Befehle | Beschreibung | Wert | Beispiele |
<text-align> | Textausrichtung Sie können mit der Eigenschaft text-align die Ausrichtung von Text und inline-Elementen wie Bildern (img) oder Iframes (iframe), etc. innerhalb eines Blocklevel-Elements kontrollieren. Die Eigenschaft text-align bestimmt die horizontale Ausrichtung von Text und inline-Elementen innerhalb von Blockelementen. |
left,
right, center, inherit oder justify (Blocksatz) |
article { text-align: justify; } |
<p> | Textabsatz Das p-Element definiert einen Textabsatz (engl. paragraph). Absätze dienen der Gliederung eines Textes.Darf vorkommen in: allen Elementen, die fließenden Inhalt erlauben |
Zahl in px (Punkt) oder in % | |
<line-height> | Zeilenhöhe |
Zahl in px (Punkt) oder in % | |
<text-decoration> | Textgestaltung ie Eigenschaft text-decoration ist die Zusammenfassung der Eigenschaften text-decoration-style, text-decoration-thickness, text-decoration-line und text-decoration-color. |
underline,
none |
abr { text-decoration: underline thin dotted red; } |
<word-spacing> | Wortabstand Zahl in px oder in % |
<length> <percentage> normal, inherit |
|
<letter-spacing> | Zeichenabstand |
Zahl in px oder in % | |
<color> |
Die Eigenschaft color legt die Farbe der Schrift bzw. des Textvordergrundes fest. Zusätze: eine Farbangabe, transparent, inherit, initial, unset und revert |
h1 { color: red; } | |
<font> |
Die Eigenschaft font Zusammenfassung der Eigenschaften font-style, font-variant, font-weight, font-stretch, font-size, line-height und font-family. Farbe, die Sie wählen. Z.B. #ccffcc |
body { font: bold .9em;150% Georgia, serif; } | |
<font-family> | Die Eigenschaft font-family bestimmt die zu verwendende Schriftart. | p { font-family: "Times New Roman", Garamond, serif; } | |
<font-size> | Die Eigenschaft font-size bestimmt die zu verwendende Schriftgröße. in Prozent, in px, in em oder relative Schriftgrößen |
strong { font-size: 1.5em; } | |
<font-style> |
Die Eigenschaft font-style bestimmt die Neigung der Schrift. italic = „echte“ kursive Buchstaben, normal, oblique = geneigte Buchstaben |
p { font-style: italic; } | |
<font-weight> |
Die Eigenschaft font-weight bestimmt die zu verwendende „Dicke“ der Schrift. normal, bold, relative Schriftgewichte, eine Zahl zwischen 1 und 1000 |
span { font-weight: bold; } | |
<line-height> | Die Eigenschaft line-height bestimmt die zu verwendende Zeilenhöhe. eine nicht negative Fließkommazahl oder Prozentangabe, eine nicht negative Längenangabe
|
<number> <length> <percentage> normalinherit |
p { line-height: 130%; } |
<margin> (Außenabstand allgemein) |
Diese Angabe ist eine Zusammenfassung der möglichen Einzelangaben margin-top, margin-right, margin-bottom und margin-left. Mit margin können Sie den Abstand für oben, rechts, unten und links bestimmen. Erlaubt sind ein bis vier numerische Längenmaße sowie die Werte auto oder inherit.
Eine Angabe: für alle 4 Abstände gilt derselbe Wert Zwei Angaben: 1. Wert für margin-top und margin-bottom, 2. Wert für margin-left und margin-right Drei Angaben: 1. Wert für margin-top, 2. Wert für margin-left und margin-right, 3. Wert für margin-bottom Vier Angaben: 1. Wert für margin-top, 2. Wert für margin-right, 3. Wert für margin-bottom, 4. Wert für margin-left |
typA { margin: 1cm; background-color:#99FF99; } | |
<text-shadow> |
Die Eigenschaft text-shadow legt Schattenverläufe für Text-Elemente fest.
x-Offset: horizontale Verschiebung, eine Längenangabe y-Offset: vertikale Verschiebung, eine Längenangabe Weichzeichner: Verwischungsradius, eine Längenangabe Farbe: Farbe des Schattens, eine Farbangabe |
h1 { text-shadow: .2em .2em #ccc; } | |
<vertical-align> | Die Eigenschaft vertical-align bestimmt die vertikale Ausrichtung von Text in einer Zeile, bezogen auf das Elternelement. baseline, top, middle, bottom, sub, super, text-top, text-bottom, eine Längenangabe, eine Prozentangabe |
.unten { vertical-align: bottom; } | |
<column> | Die Eigenschaft
<column> gibt die Anzahl der Spalten an, in die ein Element unterteilt werden soll.
|
CSS: .column
{column-count: 3;} BODY: <div class="column">Hier Ihr ganzganz langer Text</div> | |
<hyphens> | Textumbruch an Trennungszeichen |
none,
manual, auto |
|
<br> |
erzwungener Zeilenumbruch (Zeilenende) (engl. br = break = Umbruch) |
||
<hr> |
Trennlinie - trennt unterschiedliche Inhalte (engl. hr = horizontal ruler = horizontale Linie) |
||
<b> |
Schrift wird fett angezeigt (engl. b = bold = fett) |
||
<strong> |
wichtiger Bereich, Schrift wird fett angezeigt (engl. strong = kräftig, überzeugend) |
||
<i> |
Schrift wird kursiv angezeigt (engl. i = italic = kursiv, schräg) |
||
<em> |
hervorgehobener Bereich, Schrift wird kursiv dargestellt (engl. em = emphasis = betont, Hervorhebung) |
||
<small> |
für das "Kleingedruckte" im Text (engl. small = klein) |
||
<!--...--> | Defines a comment |