CSS Font Styleeigenschaft | Erklärt

In Cascading Style Sheets (CSS), Es gibt verschiedene Aspekte, die beim Styling einer Schriftart verbunden sind, z. Der Font-Stil-Eigentum stellt sicher.

Die CSS Font-Stil-Eigentum wird zum Styling von Schriftarten verwendet kursive, normale und schräge Formate. Mit der Eigenschaft im Schriftarten im Stil können wir auch den Stil des Textes anpassen und attraktiv machen.

In diesem Artikel werden wir mit Hilfe geeigneter Beispiele die Eigenschaften des CSS-Schriftartenstils kennenlernen.

Immobilienwerte im CSS-Schriftstil

In CSS umfasst die Eigenschaft im Schriftarten im Schriftarten diese drei Werte:

• Kursiv
• Schräg
• Normal

Wir werden in den nächsten Abschnitten kurz auf jeden der angegebenen Eigenschaften im CSS-Schriftarten-Stil diskutieren.

Wie man eine Schriftart in HTML kursivisiert

In Typografie, kursiv Schriftart wird verwendet, um Text in a zu schreiben kursiv Schriftstil. Die ITALIS-Eigenschaft im CSS-ITALIC-Schriftzeichen schafft das Textelement von links nach rechts. Diese Arten von Elementen einnehmen normalerweise weniger horizontaler Raum als nicht styierte Elemente.

Sie können auch die festlegen "Kursiv" mutig " Schriftstil gleichzeitig mit der folgenden Syntax.

Beispiel: CSS ITALIC FONT-STYLE-Eigentum

Im folgenden Beispiel haben wir zwei Schriftstile für die Absätze Elemente definiert: "P.x ”und„ P.y ". Der "P.X" Schriftstil wird den spezifischen Absatztext kursiv werden, während die "P.y " Schriftstil wendet beide an "Kursiv" und "mutige" Eigenschaftswerte im Schriftstil zum Textelement:

Dies ist ein Absatz, normal.

Dies ist ein Absatz, kursiv und mutig.

Wie Sie aus der Ausgabe sehen können kursiv, Während der Text des zweiten Absatzes ist mutig und kursiv:

Wie man eine Schriftart in HTML schrägt

CSS Oblique Font-Art-Eigenschaft wird verwendet, um Kursivtext zu schreiben. Es unterscheidet sich jedoch vom kursiven Schriftstil so, dass es Grad verwendet, um den Text zu schrägen. Auch der Text ist leicht schräg von links nach rechts im schrägen Schriftstil.

Alle Browser unterstützen keinen schrägen Schriftartenstil, aber wenn Sie ihn verwenden möchten, dann stimulieren Sie ihn künstlich im normalen Schriftartstil.

Syntax von CSS Oblique Font-Art-Eigenschaft

Hier, "Winkel”Legt den Winkel des schrägen Text.

Notiz: CSS Schräg Font-Art-Eigenschaft verwendet a 14-Grad-Winkel standardmäßig liegen die gültigen Gradwerte zwischen -90 Grad bis 90 Grad.

Beispiel: CSS ITALIC FONT-STYLE-Eigentum

Im folgenden Beispiel werden wir den Winkel von “festlegen“schräg”Schrottstil-Eigentum als“10DEG”:

Schräger Schriftstil.

Schräger Schriftstil mit Abschluss.

Speichern Sie den hinzugefügten Code und öffnen Sie die HTML -Datei im Browser. Auf diese Weise werden Sie sehen 10 Grad Winkel:

Wie man eine Schriftart in HTML normalisiert

Der Standard -Schriftstil wird als "festgelegt"normal”In CSS. Jetzt können Sie sich fragen, warum wir die Eigenschaft Normal Font-Stil verwenden, wenn sie bereits als Standardwert für Schriftarten festgelegt ist?

Der normal Die Eigenschaft im Schriftarten im Schriftarten im Schriftarten im Stil der Schrift wird verwendet, um die Schriftart auf ihren ursprünglichen Zustand zurück zu normalisieren.

Schauen Sie sich das folgende Beispiel an, um das angegebene Konzept zu verstehen.

Beispiel: CSS Normale Eigenschaft im Schriftstil-Stil

Im folgenden Beispiel wird die Schriftart zuerst mit der Eigenschaft im Schriftart kursiv:

Kursiver Schriftstil.

Um die Schriftart wieder auf den Normalwert zurückzuversetzen, wird der Normalwert der Eigenschaft im Schriftart im Schriftstil verwendet:

Normaler Schriftstil.

Die Ausgabe bedeutet, dass wir den Schriftstil erfolgreich auf Normalität eingestellt haben:

Das waren alles wesentliche Informationen zu CSS-Font-Art-Eigentum. Sie können es selbst weiter erkunden.

Abschluss

CSS-Schriftstil Eigenschaft gibt den Schriftart der Textelemente an. Es wird verwendet, um Text zu stylen normales, kursives, mutiges und schräges FormatS. Durch die Verwendung verschiedener CSS-Schriftarten können wir den Stil eines Textes anpassen und ihn visuell ansprechend machen. In diesem Artikel wurde mit Hilfe geeigneter Beispiele von CSS-Font-Art-Immobilien besprochen.