CSS -Textabstand
Texteinzug
Die text-indentEigenschaft wird verwendet, um den Einzug der ersten Zeile eines Textes festzulegen:
Beispiel
p {
text-indent: 50px;
}
Buchstaben-Abstand
Die letter-spacingEigenschaft wird verwendet, um den Abstand zwischen den Zeichen in einem Text anzugeben.
Das folgende Beispiel zeigt, wie Sie den Abstand zwischen Zeichen vergrößern oder verkleinern:
Beispiel
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Zeilenhöhe
Die line-heightEigenschaft wird verwendet, um den Abstand zwischen Zeilen anzugeben:
Beispiel
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Wortabstand
Die word-spacingEigenschaft wird verwendet, um den Abstand zwischen den Wörtern in einem Text anzugeben.
Das folgende Beispiel zeigt, wie Sie den Abstand zwischen Wörtern vergrößern oder verkleinern:
Beispiel
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Weißer Raum
Die white-spaceEigenschaft gibt an, wie Leerzeichen innerhalb eines Elements behandelt werden.
Dieses Beispiel zeigt, wie der Textumbruch innerhalb eines Elements deaktiviert wird:
Beispiel
p {
white-space: nowrap;
}