text-decoration
#text-decoration Defines how the text content of the element is decorated. default text-decoration: none; Entfernt jegliche Textdekoration. Hello world text-decoration: underline; Unterstreicht den Textinhalt. Hello world
Typography
font-weight
#font-weight Legt die Stärke des Textes fest. default font-weight: normal; Der Text ist in normaler Stärke. Hello world font-weight: bold; Der Text wird fett. Hello world font-weight: 600; Sie können numerische Werte verwenden. Sie entsprechen alle einer bestimmten Stärke:…
font-style
#font-style Legt fest, wie stark der Text geneigt ist. default font-style: normal; Der Text ist nicht schräg. Hello world font-style: italic; Verwenden Sie die kursive Version der Schrift: Die Buchstaben sind leicht schräg. Hello world font-style: oblique; Verwenden Sie…
text-align
#text-align Legt fest, wie der Textinhalt des Elements horizontal ausgerichtet wird. text-align: left; Der Textinhalt ist links ausgerichtet. Hello world Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum…
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…
text-shadow
#text-shadow Bestimmt den Schatten des Textinhalts. default text-shadow: none; Der Textinhalt hat keinen Schatten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero…
text-indent
#text-indent Legt die Einrückung der ersten Textzeile des Elements fest. default text-indent: 0; Der Text ist nicht eingerückt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus…