CSS Text (Text)
Text Format
Der Dieser Text ist der Stil mit einigen in die Textformatierung Eigenschaften. In der Überschrift die Verwendungen im The text-align = left, Text-Transform und Farbeigenschaften. Bei der Absatz eingerückt ist, wird die ausgerichtet sind , und im Raum ist die zwischen den Zeichen festgelegt. Bei der Unterstrich aus an der entfernt wird " versuchen " Link.
Textfarbe
Farbe Attribut wird verwendet, um die Farbe des Textes zu setzen.
Farbe wird meist durch CSS angegeben:
- Hexadezimal-Werte - wie "# FF0000"
- Ein RGB-Wert - "RGB (255,0,0)"
- Farbnamen - wie "rot"
Siehe CSS - Farbwerte anzuzeigen komplette Farbwerte.
Ein Hintergrund der Seite ist in dem Hauptkörper der Auswahlmittel:
Für den W3C-Standard CSS: Wenn Sie die Farbeigenschaft zu definieren, müssen Sie auch die Hintergrundfarbe Attribute anpassen.
Die Ausrichtung des Textes
Text-align Eigenschaft wird verwendet, um die horizontale Ausrichtung des Textes zu setzen.
Text kann nach links oder rechts ausgerichtet zentriert oder ausgerichtet werden.
Wenn text-align wird auf "rechtfertigen", hat jede Zeile auf die gleiche Breite erweitert, linken und rechten Rand ausgerichtet sind (wie Zeitschriften und Zeitungen).
Beispiele
p.date {text-align:right;}
p.main {text-align:justify;}
Versuchen »
Text-decoration
text-decoration Eigenschaft wird verwendet, dekorative Text zu setzen oder zu entfernen.
Aus gestalterischer Sicht ist vor allem text-decoration Eigenschaft verwendet wird, um die Unterstreichungen von Links zu entfernen:
Sie können diesen Text auch dekorieren:
Beispiele
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
Versuchen »
Wir empfehlen nicht, zu betonen, dass der Text nicht als Link angezeigt wird, weil es oft mit dem Benutzer verwechselt wird.
Textkonverter
Konvertieren von Textattribut wird verwendet, um Groß- und Kleinbuchstaben in einem Text angeben.
Initialen kann für alles in Groß- oder Kleinbuchstaben verwendet werden, oder jedes Wort groß geschrieben.
Beispiele
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
Versuchen »
Text-indent
Text-indent-Eigenschaft die erste Zeile einrücken wird verwendet, um den Text zu spezifizieren.
Weitere Beispiele
Designated Abstand zwischen den Zeichen
Dieses Beispiel demonstriert, wie der Abstand zwischen den Zeichen zu erhöhen oder zu verringern.
Gibt den Abstand zwischen den Zeilen und Reihen
Dieses Beispiel zeigt, wie Sie den Raum zwischen den Zeilen in einem Absatz zu spezifizieren
Festlegen von Textorientierung Element
Dieses Beispiel zeigt, wie die Richtung des Textelementes zu ändern.
Erhöhen Sie die Leerzeichen zwischen den Wörtern
Dieses Beispiel zeigt, wie ein Leerzeichen zwischen den Wörtern in einem Absatz hinzuzufügen.
Deaktivieren Sie Textumbruch im Element
Dieses Beispiel zeigt, wie ein Textelement innerhalb des Surround zu deaktivieren.
Vertikale Ausrichtung Bild
Dieses Beispiel zeigt, wie die vertikale Ausrichtung des Textes Bild zu setzen.
Hinzufügen von Text Schatten
Dieses Beispiel zeigt, wie Textschatten zu setzen.
Alle CSS Textattribute.
| Immobilien | Beschreibung |
|---|---|
| Farbe | Legen Sie die Textfarbe |
| Richtung | Festlegen der Textausrichtung. |
| Zeichenabstand | Einstellen Zeichenabstand |
| line-height | Einstellen der Zeilenhöhe |
| text-align | Ausrichten von Text in dem Element |
| text-decoration | Hinzufügen von Textänderungen |
| text-indent | Einrückung der ersten Zeile der chinesischen Elemente |
| text-shadow | Stellen Sie den Textschatten |
| text-trans | Das Steuerelement Buchstaben |
| unicode-bidi | Setzt oder gibt zurück, ob der Text neu geschrieben |
| vertical-align | Stellen Sie die vertikale Ausrichtung der Elemente |
| white-space | Blank Satzelement wird behandelt |
| Wort-Abstand | Wortabstand Einstellungen |