#white-space Legt fest, wie der Weißraum des Elements behandelt wird. default white-space: normal; Sequenzen von Leerzeichen werden zu einem zusammengefasst. Zeilenumbrüche werden ignoriert. Der Textinhalt wird umbrochen. #parent .selector ul li blockquote{ color: red; font-size: 1rem; } white-space: nowrap;…
#font-variant Legt fest, welche Glyphe für jeden Buchstaben zu verwenden ist. default font-variant: normal; Jeder Buchstabe verwendet seine normale Glyphe. Hello world font-variant: small-caps; Jeder Buchstabe wird in seiner klein geschriebenen Version verwendet. Hello world
#letter-spacing Legt die Abstände zwischen den Zeichen eines Textblocks fest. default letter-spacing: normal; Die Abstände zwischen den Zeichen sind normal. The quick brown fox jumps over the lazy dog letter-spacing: 2px; Sie können Pixel-Werte verwenden. The quick brown fox…
#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
#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 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 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 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 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 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 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 Kurzschreibweise für font-style font-variant font-weight font-size line-height und font-family.