Machen Sie den ersten Charakter Großbuchstaben in CSS
Dieser Beitrag wird Sie führen:
- So stellen Sie Textfälle in CSS an?
- Wie man den ersten Charakter Großbuchstaben von “machtElement in CSS?
- Wie man den ersten Charakter Großbuchstaben von “machtElement in CSS?
So stellen Sie Textfälle in CSS an?
Die Textfälle werden in CSS unter Verwendung der “angepasstTexttransformierung" Eigentum. Diese Eigenschaft bietet fünf verschiedene Werte:
- “profitierenDer Wert wird verwendet, um den ersten Buchstaben jedes Wortes zu profitieren.
- “Oberer, höher”Wert macht jeden Buchstaben in Großbuchstaben.
- “untere”Ändert alle Buchstaben in Kleinbuchstaben.
- “erben”Wendet den Textfall des Elternteils auf das Element an.
- “keinerDer Wert ändert den Textfall nicht.
Wie man den ersten Charakter Großbuchstaben von “macht Element in CSS?
Das CSS “Texttransformierung”Eigenschaft mit dem Wert“profitieren”Wird verwendet, um den ersten Buchstaben jedes Wortes zu profitieren. Wir können jedoch das verwenden “::erster BriefPseudoklasse, um nur den ersten Brief zu profitieren.
Lassen Sie uns durch die Beispiele verstehen.
Beispiel 1: Kapitalisieren Sie den ersten Buchstaben jedes Wortes
In HTML hinzufügen " LinuxHint -Tutorials Artikel schreiben Videobearbeitung Grafikdesign Stil " " Element Der "Texttransformierung"Eigenschaft wird der Wert zugewiesen"profitierenUm den ersten Buchstaben jedes Wortes des Absatzes zu profitieren. Ausgang Beispiel 2: Kapitalisieren Sie den einzigen ersten Buchstaben des ersten Wortes Der Pseudo-Selektor “::erster Brief”Wird verwendet, um nur den ersten Buchstaben auszuwählen. Zu diesem Zweck zugreifen Sie auf die “PElement mit Pseudoklasse und nutze die “Texttransformierung" Eigentum: Ausgang Wie man den ersten Unterbecher des Elements in CSS erstellt? Lassen Sie uns sehen, wie man den ersten Charakter der Inline -Elemente wie das nutzt" Element. Zu diesem Zweck hinzufügen “Elemente und zuweisen ihnen die “Klasse" Und "href”Attribute: Stil „A“ Elemente Greifen Sie mit Hilfe des Klassennamens auf das "A" -Element zu "Linux”Und wenden Sie die“ anTexttransformierungEigentum auf ihnen: Ausgang Da das „“ Element inline ist, werden sie in einer Zeile nebeneinander eingestellt. Um ihren einzigen Großbuchstaben und ihre Anzeige als Blockebene zu erstellen, wenden Sie die CSS anAnzeige”Eigenschaft mit dem Wert“Block”: Verwenden Sie nun die “::erster BriefPseudo-Selektor zusammen mit dem Klassenattribut von "A" Element, um nur den ersten Buchstaben zu profitieren: Die Ausgabe zeigt an, dass wir erfolgreich den ersten Charakter -Großbuchstaben des Elements in CSS erstellt haben. Abschluss Um das erste Großbuchstaben zu erstellen, fügen Sie zunächst Elemente zum HTML -Dokument hinzu, um einige Textinhalte anzugeben, wie z. B. " "Und" "Elemente. Der Pseudo-Selektor “::erster Brief”Wird verwendet, um den ersten Buchstaben des Elementtextes auszuwählen. Wenden Sie dann innerhalb der Pseudoklasse die CSS an “Texttransformierung”Eigenschaft mit dem Wert“profitieren”Um den ersten Buchstaben in Großbuchstaben zu erstellen. In diesem Artikel wurde erklärt, wie man den ersten Charakter -Großbuchstaben mit CSS erstellt.
Texttransformation: Kapitalisieren;
Texttransformation: Kapitalisieren;
= "Linux" href = "#"> Artikelschreiben
= "Linux" href = "#"> Grafikdesign
Texttransformation: Kapitalisieren;
Bildschirmsperre;
Texttransformation: Kapitalisieren;