CSS/Eigenschaften/Schriftformatierung/font-size-adjust

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit der Eigenschaft font-size-adjust können Sie die Gestalt der Schriftarten beeinflussen, indem Sie die Höhe der Kleinbuchstaben, die sogenannte x-height eines Fonts, steuern.

  • CSS 3.0
  • Leer

Details: caniuse.com

Beispiel ansehen …
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>font-size-adjust</title>
    <style>
      p           { font-size: 36px; margin-left: 5em; }
      .serif      { font-family: serif; }
      .sans-serif { font-family: sans-serif; }
      .monospace  { font-family: monospace; }
      .adjust     { font-size-adjust: 0.67; }
    </style>
  </head>
  <body>
    <h1>Demonstration von <code>font-size-adjust</code></h1>
    <h2>font-size-adjust: none;</h2>
    <p><span class="serif">font-</span><span class="sans-serif">size-</span><span class="monospace">adjust</span></p>
    <h2>font-size-adjust: 0.67;</h2>
    <p class="adjust"><span class="serif">font-</span><span class="sans-serif">size-</span><span class="monospace">adjust</span></p>
  </body>
</html>

Die Bezeichnung font-size-adjust ist dabei etwas irreführend, denn sie verändert nicht das Verhältnis der Höhe der Kleinbuchstaben zur Höhe der Großbuchstaben, sondern sorgt dafür, dass bei Verwendung mehrerer Schriftarten die Kleinbuchstaben alle dieselbe Höhe haben. Dies impliziert eine bessere Lesbarkeit.

Der Wert der Eigenschaft font-size-adjust ist eine Zahl. Sie gibt an, welche Höhe die Kleinbuchstaben im Verhältnis zur ursprünglichen Schriftgröße haben sollen.

Beachten Sie, dass dabei auch die Höhe der Großbuchstaben angepasst wird.

Erlaubt sind außerdem die Angaben:

  • none, keine Angleichung der Höhen der Kleinbuchstaben, identisch mit font-size-adjust: 0;
  • inherit, Schriftgrößenverhältnis des Elternelements, Voreinstellung
Beachten Sie: Ein für ein Element festgelegtes Schriftgrößenverhältnis wird ohne Ihr Zutun an die Kindelemente vererbt.

[Bearbeiten] siehe auch

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML