Textstile in HTML5

Die am häufigsten verwendeten Grundstile sind die Ausrichtung des Textes und die Ausrichtung, dies hilft uns, den Text zu lokalisieren und mit der Umgebung kompatibel zu machen. Stellen wir uns vor, wir müssen eine Zusammenfassung einer Nachricht platzieren und möchten, dass sie sich von ihr abhebt einen anderen Text könnten wir seine Ausrichtung so fokussieren, dass wir die gewünschte Bekanntheit am Anfang erreichen.
Um dies zu erreichen, verwenden wir zwei Eigenschaften:

1. Textausrichtung: Gibt an, dass die Ausrichtung eines Textblocks die Werte annehmen kann: Start, Ende, Links, Rechts, Mitte, Ausrichten.

2. Textausrichtung: Gibt die Technik an, die verwendet wird, um den Text auszurichten, wenn die Ausrichtung in der Textausrichtung ausgewählt wird.

Sehen wir uns ein bisschen Code an, in dem wir dies anwenden:

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten. Einer der interessantesten Aspekte von Obst ist die in jedem Land verfügbare Vielfalt. Ich lebe in der Nähe von London, in einer Gegend, die für ihre Äpfel bekannt ist.
Anfang Ende Links Rechts Mitte ausrichten

In diesem Teil des Codes haben wir Folgendes getan: Skript mit Sprache Javascript das erlaubt uns, das Attribut von . zu ändern Textausrichtung Wenn wir es in unserem Browser ausführen, können wir den Unterschied zwischen den einzelnen Eigenschaftswerten des Attributs sehen. Sehen wir uns an, wie wir einige dieser angewendeten Eigenschaften im Browser haben:

VERGRÖSSERN

Hier können wir feststellen, dass der linke Bildschirm, den wir angewendet haben Center Damit können wir den Text zentrieren und auf dem rechten Bildschirm haben wir angewendet Rechts Dies gibt uns die Möglichkeit, den Text rechtsbündig auszurichten.
Sehen wir uns nun ein weiteres Merkmal von an HTML5 Wenn ein Text leere, doppelte oder dreifache Leerzeichen enthält, ersetzt der Browser diese normalerweise durch ein einzelnes Leerzeichen, wie Leerzeilen, ignoriert er sie, um damit zu arbeiten, haben wir die Eigenschaft Leerzeichen, Sie kann die folgenden Attribute annehmen:

• normal: Dies ist der Standardwert im Browser, der mehrere Leerzeichen und Zeilenumbrüche ignoriert.
• jetztrap: In diesem Fall werden die Leerzeichen ignoriert, aber die Zeilenumbrüche werden berücksichtigt.
• Vor: Leerzeichen und nur Zeilenumbrüche bleiben erhalten.
• Vorzeile: Das Leerzeichen wird ignoriert, aber der Zeilenumbruch wird berücksichtigt.
• Vorverpackung: Weiße Abstände werden eingehalten und es erfolgt ein Zeilenumbruch, wenn dies angegeben oder vom Block gefordert wird.

Sehen wir uns ein Beispiel an:

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten. Einer der interessantesten Aspekte von Obst ist die in jedem Land verfügbare Vielfalt. Ich lebe in der Nähe von London, in einer Gegend, die für ihre Äpfel bekannt ist.

Wie wir sehen, haben wir mehrere doppelte Leerzeichen in den Text eingefügt und angegeben, dass wir die Eigenschaft verwenden werden vorlinie, Mal sehen, was uns der Browser anzeigt:

Wie wir sehen, wurden nur die Zeilenumbrüche berücksichtigt, die Leerzeichen wurden jedoch in einfache Leerzeichen geändert.