Zum Inhalt springen

Typography

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… 

font-family

#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

#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

#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

#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

#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

#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

#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

#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…