Zum Inhalt springen

Typography

word-break

#word-break Legt fest, wie Wörter am Ende einer Zeile umbrochen werden sollen. default word-break: normal; Wörter ohne Leerzeichen werden nicht umbrochen. Sequenzen von ununterbrochenen Zeichen werden in einer einzigen Zeile angezeigt. Thequickbrownfoxjumpsoverthelazydog word-break: break-all; Wörter ohne Leerzeichen… 

text-transform

#text-transform Legt fest, wie der Textinhalt umgewandelt werden soll. default text-transform: none; Entfernt jegliche Textumwandlung: Der Text erscheint so wie im HTML-Code. Hello world! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at… 

word-spacing

#word-spacing Legt die Abstände zwischen den Wörtern eines Textblocks fest. default word-spacing: normal; Die Abstände zwischen den Zeichen sind normal. The quick brown fox jumps over the lazy dog word-spacing: 5px; Sie können Pixel-Werte verwenden. The quick brown fox… 

text-overflow

#text-overflow Legt fest, wie sich der versteckte Textinhalt verhält, wenn er überläuft. default text-overflow: clip; Der Textinhalt ist abgeschnitten und nicht zugänglich. Hello world text-overflow: ellipsis; Der überlaufende Inhalt wird durch eine Ellipse ersetzt: … Hello world

font

#font Kurzschreibweise für font-style font-variant font-weight font-size line-height und font-family.

color

#color Bestimmt die Farbe des Textes. color: transparent; Wendet eine transparente Farbe auf den Text an. Der Text nimmt weiterhin den Platz ein, den er einnehmen sollte. Hello world color: red; Sie können einen der 140+ Farbnamen… 

Nach oben