CSS - Silbentrennung

Aus Wikizone
Version vom 23. Mai 2017, 12:33 Uhr von 37.49.32.84 (Diskussion) (Die Seite wurde neu angelegt: „Gute zusammenfassung auch zu besonderen Leerzeichen, Zeilenumbruch, pre Tags etc: * http://www.stichpunkt.de/html/umbruch.html == Silbentrennung einschalten…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Gute zusammenfassung auch zu besonderen Leerzeichen, Zeilenumbruch, pre Tags etc:


Silbentrennung einschalten (CSS3)[Bearbeiten]

Wichtig: Sprache im HTML Dok angeben

<html lang="de">
p{
  /* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

Folgende Werte sind möglich:

manual (default) - keine automatische Silbentrennung, Voreinstellung bedingte Trennstriche werden beachtet
none - keine automatische Silbentrennung, bedingte Trennstriche werden unterdrückt, Umbruch erfolgt ausschließlich an Leerzeichen
auto - automatische Silbentrennung, manuell definierte bedingte Trennstriche werden dabei vorgezogen.
inherit - Einstellung des Elternelements, wird allerdings immer vererbt

Bedingter Trennstrich[Bearbeiten]

(soft hyphen) ­ bzw. &#173

Leerzeichen[Bearbeiten]

  not breaking space - hält Worte zusammen und kann auch mehrfach aneinander gehängt werden