CSS-Schriftarten (Font)


CSS Tutorial  >  Font

Gebr?uchliche Arten zur ?nderung von Schriftarteneigenschaften in CSS beinhalten folgende:

  • font-family
  • font-size
  • font-weight
  • font-style
  • font-variant

    Weiter unten wird jede einzelne erl?utert:

    font-family

    Die font-family-Eigenschaft gibt an, welche Schriftart benutzt werden wird.

    CSS-StatementAusgabe

    p {font-family: verdana;}

    Schriftart Verdana.

    p {font-family: arial;}

    Schriftart Arial.

    p {font-family: impact;}

    Font Family Impact.

    font-size

    Die font-size-Eigenschaft gibt die Schriftartgr??e an. Der Wert kann numerisch (L?nge oder Prozentangabe) sein, oder ein Text (hier sind m?gliche Werte ?xx-large”, ?x-large”, ?large”, ?medium”, ?small”, ?x-small“, und ?xx-small“).

    CSS-StatementAusgabe

    p {font-size:9px;}

    Schriftgr??e 9px.

    p {font-size:150%;}

    Schriftgr??e 150%.

    p {font-size:0.8cm;}

    Schriftgr??e 0,8cm.

    p {font-size:small;}

    Schriftgr??e klein.

    p {font-size:large;}

    Schriftgr??e gro?.

    font-weight

    Die font-weight-Eigenschaft gibt an, welche Schriftdicke benutzt werden wird. Die Werte für Schriftdicke k?nnen von 100 bis 900 reichen, wobei 900 am dicksten ist. Man kann auch ?bold”, ?bolder”, oder ?normal” angeben.

    Beispiele:

    CSS-StatementAusgabe

    p {font-weight: 100;}

    Dies ist Schriftdicke 100.

    p {font-weight: 900;}

    Dies ist Schriftdicke 900.

    p {font-weight: bold;}

    Dies ist Schriftdicke bold.

    font-style

    Die font-style-Eigenschaft bestimmt ob die Schriftart kursiv oder schr?g dargestellt werden soll.

    CSS-StatementAusgabe

    p {font-style: italic;}

    Dies ist kursive Schrift.

    font-variant

    Die font-variant Eigenschaft bestimmt, ob die Schrift in Kapit?lchen angezeigt werden wird. Kapit?lchen sind gro?geschriebene Buchstaben, die aber eine kleinere Schriftgr??e haben. M?gliche Werte sind ?small-caps” und ?normal”. Schauen wir uns ein Beispiel hierzu an.

    Mit dem folgenden CSS-Statement:

    span {
      font-variant:small-caps;
    }

    würde der folgende HTML-Code:

    <span>erst in Kapit?lchen</span> UND DANN IN GRO?BUCHSTABEN.

    so aussehen:

    erst in Kapit?lchen UND DANN IN GRO?BUCHSTABEN.

    Folgende Seite: CSS Link




    Copyright © 2021   1keydata.com   Alle Rechte vorbehalten

  • 老湿机69福利区无码_老子影院午夜伦无码_开心亚洲五月丁香五月