Kategorien
Stylesheets

Texte mit CSS überzeugend gestalten

Die CSS-Eigenschaft :text-indent legt die Länge des Einzugs vor Textzeilen, der in einem Block eingefügt wird.

Text Indent und First Line
Text Indent und First Line

Das CSS-Pseudoelement ::first-line wendet Stile gestalterisch auf die erste Zeile eines Elements auf Blockebene an.

Diese hier genannten beiden Eigenschaften für Elemente bieten sehr gute Möglichkeiten mit einfachen Mitteln eine Text abwechslungsreicher zu gestalten.

p::first-line {
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: underline;
}
p {
	text-indent: 5em;
	background: #CCCCCC;
}

Der Code ist sehr einfach und kann natürlich ausgebaut werden.

Von Michael

Diplom-Ingenieur
wohnhaft in München

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert