Zum Inhalt springen

Silbentrennung

oder auch Hyphenation, Worttrennung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Silbentrennung ist das Trennen eines Wortes am Zeilenende nach den Regeln der Rechtschreibung. Sie verhindert große Lücken im Blocksatz und einen stark flatternden Rand im Flattersatz. Im Deutschen mit seinen langen Zusammensetzungen ist sie auf schmalen Bildschirmen besonders wichtig.

Silbentrennung

Das Trennen eines Wortes am Zeilenende nach den Regeln der Rechtschreibung.
Beispiel: „Ohne Silbentrennung ragt Datenschutzgrundverordnung auf dem Smartphone über den Rand.“

Auch: Worttrennung, englisch hyphenation.

Welche Regeln für die Silbentrennung gelten

Das amtliche Regelwerk des Rats für deutsche Rechtschreibung regelt die Worttrennung in der Fassung von 2024 in den Paragrafen 84 bis 90. Getrennt wird nach Sprechsilben, Zusammensetzungen zwischen ihren Bestandteilen. Einzelne Vokale am Wortanfang bleiben stehen, und irreführende Trennungen wie Urin-stinkt statt Ur-instinkt sollen vermieden werden.

Silbentrennung in CSS

Mit hyphens: auto trennt der Browser selbst. Das funktioniert laut MDN nur, wenn das lang-Attribut die Sprache angibt und der Browser ein Wörterbuch dafür hat; für Deutsch ist das in allen großen Browsern der Fall. Das weiche Trennzeichen ­ gibt zusätzlich eine Stelle vor, an der getrennt werden darf.

html { hyphens: auto; }
/* im HTML: <html lang="de"> */

Silbentrennung und Lesbarkeit

Zu viele Trennungen hintereinander stören den Lesefluss, zu wenige reißen Lücken. hyphenate-limit-chars legt fest, wie lang ein Wort mindestens sein muss, bevor getrennt wird; die Eigenschaft ist aber noch nicht in allen Browsern verfügbar. In Überschriften ist automatische Trennung meist unerwünscht. Die automatische Trennung selbst gilt seit März 2026 als in allen großen Browsern breit verfügbar.

Siehe auch:

Mikrotypografie

Die Feinarbeit am Text innerhalb der Zeile: Zeichen, Abstände, Satzzeichen und Ligaturen.

#Gestaltungsgrundlagen

Sprachauszeichnung (lang-Attribut)

Die Angabe, in welcher Sprache ein Text verfasst ist.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Barrierefreiheit (Accessibility)

Ausrichtung (Gestaltung)

Das Anordnen von Elementen an gemeinsamen Kanten oder Achsen, damit ein Layout geordnet wirkt.

#Gestaltungsgrundlagen

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Gestaltungsgrundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Zeilenlänge (optimale Zeichenzahl)

Die Zahl der Zeichen je Textzeile; als gut lesbar gelten 45 bis 75, ideal rund 66.

#Gestaltungsgrundlagen