CSS

Der Inhalt ist erst nach dem Einloggen sichtbar

Themen:


Introduction ⇑
a ⇑
animation_keyframes ⇑
background ⇑
blank ⇑
border-radius ⇑
border ⇑
box-sizing ⇑
calc ⇑
child ⇑
clear ⇑
clip-path ⇑
content ⇑
cursor ⇑
display ⇑
div ⇑
filter ⇑
flexbox ⇑
float ⇑
font ⇑
form ⇑
grid ⇑
hover ⇑
hyphens ⇑
img ⇑
important ⇑
is ⇑
li ⇑
margin ⇑
menue_hover_horizontal ⇑
menue_hover_vertical ⇑
not ⇑
of-type ⇑
opacity ⇑
optional ⇑
outline ⇑
overflow ⇑
padding ⇑
position ⇑
responsive ⇑
selection ⇑
selektoren ⇑
span ⇑
target ⇑
transform ⇑
transition ⇑
var ⇑
viewport ⇑
where ⇑
z-index ⇑
zoom ⇑

Anzahl an Themen: 51

Aktuell geöffnete Datei: 'hyphens'

Zum Wechseln des Themas einfach ein neues Thema eingeben

CSS_hyphens

hyphens

Die Selbentrennung ist automatisch und manuell möglich.

Manuell gibt es 2 sehr einfache Möglichkeiten:

1:  - die HTML Entität wird an die Stelle manuell gesetzt, wo eine Silbentrennung vom Browser eingefügt werden kann, wenn der Platz nicht ausreicht. Genau an der Stelle der HTML-Entität wird dann ein "-" eingefügt und die Silbe getrennt. Dies wird idR. im Fließtext vernwendet.

2: <wbr> - der HTML Tag wird an die Stelle manuell gesetzt, wo eine Silbentrennung vom Browser eingefügt werden kann, wenn der Platz nicht ausreicht. Genau an der Stelle der HTML-Entität wird dann die Silbe getrennt. Dies wird idR. bei Links verwendet, da kein verwirrender "-" hinzugefügt wird.

Automatisch gibt es ebenfalls mehrere einfache Möglichkeiten:

1: word-wrap - über die Property im Style kann man zu lange Wörter ohne Bindestrich umbrechen lassen. Es wird nicht auf Silben geachtet.
word-wrap: break-word; - Zum Zurücksetzen die Value auf "normal" stellen.

2: white-space - Umbrüche Wortweise ermöglichen oder sperren: normal | nowrap (| pre | pre-wrap | pre-line)

3: overflow-wrap: break-word; Bricht zu lange Wörter am Rahmen ab ohne Bindestrich.

4: Es wird dazu die Sprache benötigt: <html lang="de">

hyphens: auto;

Verfeinert werden kann dies mit den folgenden Eigenschaften:
hyphenate-limit-chars: auto 5; = Mindestanzahl an Buchstaben im Wort, die getrennt werden dürfen.
hyphenate-limit-lines: 2; = Silbentrennungen in Folge.