Textabstand und Wortabstand in CSS | Erklärt
Wenn wir in HTML/CSS einige zusätzliche Räume zwischen den Wörtern oder Zeilen hinzufügen müssen, ermöglichen CSS -Eigenschaften uns, den Abstand zwischen den Zeilen, Wörtern und sogar den Buchstaben zu steuern. Diese Beschreibung konzentriert sich auf die Eigenschaften der Wortabteilung und des Buchstabens. Nach dem Lesen dieses Schreibens können Sie die folgenden Begriffe beantworten:
- Was ist Wortabstand?
- So verwenden Sie Word-Abstandseigenschaften in CSS?
- Was ist Buchstabe?
- So verwenden Sie Eigenschaften der Buchstabenabteilung in CSS?
- Was ist der Unterschied zwischen Buchstaben- und Wortzuordnungseigenschaften?
Diese Beschreibung bietet ein vollständiges Verständnis der oben genannten Fragen mit Hilfe einiger Beispiele. Lassen Sie uns also ohne weitere Verzögerung die Diskussion mit der formalen Definition von Wortabstand beginnen.
Wortabstand in CSS
Wie der Name selbst vorschlägt, ist diese Eigenschaft in der Lage, den Abstand zwischen den Wörtern zu bewältigen. Wir können eine bestimmte “zuweisen“Länge”In diese Eigenschaft, um den Abstand zwischen den Wörtern i anzupassen, i.e. Wir können den Raum zwischen verschiedenen Wörtern erhöhen oder verringern.
So verwenden Sie Word-Abstandseigenschaften in CSS
Lassen Sie uns dieses Konzept praktisch mit dem untergegebenen Beispiel verstehen:
Beispiel
In diesem Code haben wir einen Absatz erstellt und einen zusätzlichen Platz zwischen den Wörtern hinzugefügt:
Dies ist ein Absatz…
Im Folgenden finden Sie die Ausgabe für das obige Code -Stück:
Was wir im obigen Code beobachtet haben, ist, dass es sich um einen normalen Absatz ohne zusätzliche Räume handelt. Daher benötigen wir einen richtigen Weg, um Platz zwischen den Wörtern zu legen.
Beispiel
Mit CSS-Wortabstandseigenschaften können wir einige zusätzliche Leerzeichen hinzufügen:
Dies ist ein Absatz…
Jetzt überprüft die Ausgabe den Speicherplatz zwischen jedem Wort 0.5 cm:
Der Raum kann zwischen den Wörtern in verschiedenen Einheiten wie PX, CM, MM usw. hinzugefügt werden.
Buchstabenabteilung in CSS
Diese Eigenschaft ähnelt der Wortabstandseigenschaft. Der einzige Unterschied besteht darin.e. Es steuert den Raum zwischen den Buchstaben.
So verwenden Sie Eigenschaften der Buchstabenabteilung in CSS
Wir werden die Arbeit dieser Eigenschaft anhand eines Beispiels verstehen. Um zwischen der Arbeit von Wortabstand und Buchstaben zu unterscheiden, erstellen wir einen Absatz und eine Überschrift.
Beispiel
Der unten angegebene Code implementiert Wortabstand auf der
Element und Buchstabe auf dem
Element:
Textabstand
Dies ist ein Absatz…
Im Folgenden finden Sie die Ausgabe für den obigen Give-Code:
Die obige Ausgabe verwertet, dass die Eigenschaft für Buchstabenabteilung den Speicherplatz zwischen den Buchstaben und der Wortabstandseigenschaft hinzugefügt hat, den Speicherplatz zwischen den Wörtern hinzugefügt wurden.
Abschluss
Die Word-Abstandseigenschaften und die Eigenschaften des Buchstabens können in der CSS verwendet werden, um den Abstand zwischen den Wörtern bzw. Buchstaben zu steuern. Verschiedene CSS -Längenwerte wie PX, MM, CM können verwendet werden, um den Speicherplatz zwischen den Buchstaben und Wörtern anzupassen. Dieses Schreiben enthält eine vollständige Richtlinie für Wortabstand, Buchstabeneigenschaften in CSS und erläutert die Notwendigkeit und Verwendung dieser Eigenschaften.