CSS steuert den Abstand zwischen Wörtern durch die Eigenschaft „letter-spacing“

CSS steuert den Abstand zwischen Wörtern durch die Eigenschaft „letter-spacing“

Eigenschaft „letter-spacing“ : Vergrößern oder verkleinern Sie den Abstand zwischen Zeichen (Zeichenabstand).

Diese Eigenschaft definiert, wie viel Platz zwischen den Textzeichenfeldern eingefügt werden soll. Da Zeichenglyphen oft schmaler sind als ihre Zeichenfelder, passt die Angabe eines Längenwerts den üblichen Abstand zwischen Buchstaben an. Daher entspricht normal einem Wert von 0.

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<style type="text/css">
	Spanne{
		Buchstabenabstand: 10px;
	}
</Stil>
</Kopf>
<Text>
	<span>Testen Sie den Wortabstand</span>
</body>
</html>

Wirkung:

Bildbeschreibung hier einfügen

Zusammenfassen

Dies ist das Ende dieses Artikels darüber, wie Sie den Abstand zwischen Buchstaben über die CSS-Eigenschaft „letter-spacing“ steuern können. Weitere relevante CSS-Inhalte zum Wortabstand finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Eine detaillierte Einführung in die Neugestaltung der Weibo-Komponente auf der Website (Bilder und Text)

>>:  Erfahren Sie, wie Sie Nginx schnell in CentOS7 installieren

Artikel empfehlen

Mysql setzt Boolesche Typoperationen

Mysql legt den Booleschen Typ fest 1. Tinyint-Typ...

JavaScript zum Wechseln zwischen mehreren Bildern

In diesem Artikel wird der spezifische JavaScript...

Detaillierte Erklärung zur Installation der PHP-Curl-Erweiterung unter Linux

Dieser Artikel beschreibt, wie man die PHP-Curl-E...

Beispiel zur MySQL-Passwortänderung – ausführliche Erklärung

Beispiel zur MySQL-Passwortänderung – ausführlich...

Centos7-Installation des in Nginx integrierten Lua-Beispielcodes

Vorwort Der von mir verwendete Computer ist ein M...

Grafisches Tutorial zur Installation von VMware15.5 und Ubuntu20.04

1. Vorbereitung vor der Installation 1. Laden Sie...

Detaillierter Prozess für den Einstieg mit Docker Compose HelloWorld

Voraussetzungen Compose ist ein Tool zum Orchestr...