Texttransformeigenschaft in CSS

Text ist einer der wichtigsten Bestandteil jeder Webseite. Jede Website hat Text in beiden Form.e. Es kann ein Absatz, eine Überschrift usw. sein. Daher bietet CSS eine breite Palette von Texteigenschaften zum Styling und Formatieren des Textes wie Text-Align, Textfarbe, Texttransformationen usw.

Alle diese Eigenschaften führen unterschiedliche Funktionen aus. Zum Beispiel bestimmt Text-Align die Ausrichtung des Textes I.e. Mitte, rechts, links usw. Die Text-Color-Eigenschaft legt die Farbe des Textes i fest.e. Rot, Grün usw., usw. Diese Beschreibung konzentriert sich jedoch auf die Eigenschaft von Texttransformationen.

Dieses Schreiben enthält einen detaillierten Überblick über die SMSFORM-Eigenschaft sowie einige Beispiele.

SMS-Transformation Eigenschaft

Eine am häufigsten verwendete CSS -Eigenschaft, die das Erscheinungsbild von Text in Bezug auf Textfall i bestimmt.e. Ob der Text im unteren Fall oder im oberen Fall ist. Darüber hinaus kann es auch verwendet werden, um den anfänglichen Charakter jedes Wortes zu profitieren.

Die Arbeit der folgenden Werte wird in diesem Artikel mit Hilfe von Beispielen erörtert:

• Großbuchstaben: Umwandelt alle Zeichen des Textes in Großbuchstaben.
• Kleinbuchstaben: Umwandelt alle Zeichen des Textes in Kleinbuchstaben.
• profitieren: Umwandelt das anfängliche Charakter jedes Wortes in einen Großbuchstaben.
• keiner: Es zeigt das Standardverhalten der texttransformierenden Eigenschaft i.e. Der Text wird genauso angezeigt, wie er geschrieben ist.

So verwenden Sie Großbuchstaben für die Eigenschaft von Texttransformationen

Der Großbuchstaben verwandelt alle Zeichen in Großbuchstaben

Beispiel
In diesem Beispiel ist der Text eine Mischung aus Großbuchstaben und Kleinbuchstaben. Durch die Zuweisung von Großbuchstaben der Eigenschaft von Texttransformationen werden jeden einzelnen Buchstaben in Großbuchstaben umgewandelt:

Html

Texttransformierende Eigenschaft

Dies ist erster Absatz

Dies ist der zweite Absatz

Dies ist der dritte Absatz

CSS

P, H2
Texttransformierung: Großbuchstaben;

Wir erhalten die folgende Ausgabe:

Jeder Buchstabe wird in den Großbuchstaben verwandelt.

So verwenden Sie den Wert von Kleinbuchstaben für die Eigenschaft von Texttransformationen

Es wird jedes einzelne Zeichen des Textes in den unteren Fall umwandeln.

Beispiel

Im folgenden Code befindet sich der erste Buchstaben jedes Wortes ein Großbuchstaben, der der Eigenschaft von Texttransformationen zugewiesen wird, weist den gesamten Text in den Kleinbuchstaben um:

Html

Texttransformierende Eigenschaft

Dies ist erster Absatz

Dies ist der zweite Absatz

Dies ist der dritte Absatz

CSS

P, H2
Texttransformierung: Kleinbuchstaben;

Der obere Code generiert die folgende Ausgabe:

Jeder Buchstabe wird in den Kleinbuchstaben verwandelt.

So nutzen Sie den Kapitalisierungswert für Texttransformeigenschaften

Wie der Name selbst vorschlägt, zeichnete er den ersten Buchstaben jedes Wortes an. Das folgende Beispiel zeigt die Funktionsweise des Kapitalisierungswerts.

Beispiel

Im folgenden Skript befindet sich jeder Buchstabe des Dokuments in Kleinbuchstaben und der Kapitaize -Wert wird für das H2 -Element verwendet, sodass er den ersten Buchstaben jedes Wortes in Kapital umwandelt:

Html

texttransformierende Eigenschaft

Dies ist erster Absatz

Dies ist der zweite Absatz

Dies ist der dritte Absatz

CSS

H2
Texttransformation: Kapitalisieren;

Der obige Code generiert die folgende Ausgabe:

Der erste Buchstabe jedes Wortes wird in Großbuchstaben umgewandelt.

So verwenden Sie keinen Wert für die Eigenschaft von Texttransformationen

Der keiner Wert verhindert den gesamten Text von Texttransformation i.e. Es macht alle Charaktere so wie es ist. Mit dem folgenden Beispiel können Sie verstehen, wie man benutzt ““keinerWert für die Eigenschaft von Texttransformationen.

Beispiel

Das folgende Code-Stück implementiert die Eigenschaft von Texttransformationen auf einem P, H2-Element:

Html

Texttransformierende Eigenschaft

Dies ist erster Absatz

Dies ist der zweite Absatz

Dies ist der dritte Absatz

CSS

P, H2
Texttransformierung: Keine;

Der obige Code würde das Erscheinungsbild des Textes nicht ändern:

Der gesamte Text bleibt unverändert.

Abschluss

CSS bietet eine texttransformierende Eigenschaft zur Steuerung der Texttransformation i.e. Kleinbuchstaben und Großbuchstaben wandeln alle Buchstaben in Kleinbuchstaben und Großbuchstaben um, und der Niemandswert rendert den Text im Standardfall. Die Kapitalisierung des Kapitalisierungsbesitzes bringt den ersten Charakter jedes Wortes in Großbuchstaben.

In diesem Artikel wird erläutert, wie Sie die Eigenschaft Texttransformationen verwenden. Was sind die Werte, die für die texttransformierende Eigenschaft verwendet werden können und wie wirkt sich diese Werte auf das Erscheinungsbild des Textes aus??