diedVIPs
diedVIPs

html knowhow

p/text - Text




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
  • Werte:
<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