Zum Inhalt springen

Typography

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… 

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