diedVIPs
diedVIPs

html knowhow

Text - <text><p>








Text
tag - Beispiele
 
<text-align>
Textausrichtung
article { text-align: justify; }
z.B.: left, right, center, inherit oder justify (Blocksatz)
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.
 
<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
abr { text-decoration: underline thin dotted red; }
Die Eigenschaft text-decoration ist die Zusammenfassung der Eigenschaften text-decoration-style, text-decoration-thickness, text-decoration-line und text-decoration-color.


z.B.: underline, none
 
<word-spacing>
Wortabstand
Zahl in px oder in %
  • Wert: <length><percentage>normal, inherit
 
<letter-spacing>
Zeichenabstand
Zahl in px oder in %
 
<color>
h1 { color: red; }
Die Eigenschaft color legt die Farbe der Schrift bzw. des Textvordergrundes fest.
Zusätze: eine Farbangabe, transparent, inherit, initial, unset und revert
 
<font>
body { font: bold .9em;150% Georgia, serif; }
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
 
<font-family>
p { font-family: "Times New Roman", Garamond, serif; }
Die Eigenschaft font-family bestimmt die zu verwendende Schriftart.
 
<font-size>
strong { font-size: 1.5em; }
Die Eigenschaft font-size bestimmt die zu verwendende Schriftgröße.
in Prozent, in px, in em oder  relative Schriftgrößen
 
<font-style>
p { font-style: italic; }
Die Eigenschaft font-style bestimmt die Neigung der Schrift.
italic = „echte“ kursive Buchstaben, normal, oblique = geneigte Buchstaben
 
<font-weight>
span { font-weight: bold; }
Die Eigenschaft font-weight bestimmt die zu verwendende „Dicke“ der Schrift.
normal, bold, relative Schriftgewichte, eine Zahl zwischen 1 und 1000
 
<line-height>
p { line-height: 130%; }
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
 
<margin> (Außenabstand allgemein)
typA { margin: 1cm; background-color:#99FF99; }
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
 
<text-shadow>
h1 { text-shadow: .2em .2em #ccc; }
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
 
<vertical-align>
.unten { vertical-align: bottom; }
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
 
<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
Werte:Werte: none, manual, auto
 
<br>
Inserts a single line break
 
<hr>
Defines a thematic change in the content
 
<!--...-->
Defines a comment
 
 











Kontakt    Datenschutz   Impressum