#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 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…
#font-family font-family: „Source Sans Pro“, „Arial“, sans-serif; Wenn mehrere Werte verwendet werden, definiert die font-family Liste der Schriftfamilien die Priorität, mit der der Browser die Schriftfamilie auswählen soll. Der Browser wird nach jeder Familie auf dem Computer des Benutzers…
#font-size Bestimmt die Größe des Textes. default font-size: medium; Der Text wird in der Standardgröße Mittel des Browsers dargestellt. Hello world The quick brown fox jumps over the lazy dog font-size: 20px; Sie können Pixel-Werte verwenden. Hello world The…
#line-height Definiert die Höhe einer einzelnen Textzeile. default line-height: normal; Setzt den Standardwert des Browsers wieder ein. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam,…
#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…