Odstępy tekstu CSS
Wcięcie tekstu
Właściwość text-indent
służy do określenia wcięcia pierwszego wiersza tekstu:
Przykład
p {
text-indent: 50px;
}
Odstępy między literami
Właściwość letter-spacing
służy do określenia odstępu między znakami w tekście.
Poniższy przykład pokazuje, jak zwiększyć lub zmniejszyć odstępy między znakami:
Przykład
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Wysokość linii
Właściwość line-height
służy do określenia odstępu między liniami:
Przykład
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Odstępy między wyrazami
Właściwość word-spacing
służy do określenia odstępu między słowami w tekście.
Poniższy przykład pokazuje, jak zwiększyć lub zmniejszyć odstępy między słowami:
Przykład
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Biała przestrzeń
Właściwość white-space
określa sposób obsługi białych znaków wewnątrz elementu.
Ten przykład pokazuje, jak wyłączyć zawijanie tekstu wewnątrz elementu:
Przykład
p {
white-space: nowrap;
}