CSS/Eigenschaften/äußere Gestaltung/Außenlinie/outline-offset

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Durch die Eigenschaft outline-offset können sie den Abstand zwischen der Rahmenlinie (border) und der Außenlinie (outline) bestimmen. Erlaubt ist eine numerische Angabe.

  • CSS 3.0
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Beispiel ansehen …
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>outline-offset</title>
    <style>
      p {
        background-color: white;
        margin: 3em;
        padding: 1em;
        width: 30em;
      }
      .outline {
        outline: 1em solid green;
        outline-offset: 1em;
      }
      .border { border: 1em solid red; }
    </style>
  </head>
  <body>
    <p class="outline">Textabsatz mit Außenlinie und ohne Rahmen</p>
    <p class="border">Textabsatz mit Rahmen und ohne Außenlinie</p>
    <p class="border outline">Textabsatz mit Rahmen und Außenlinie</p>
    </main>
  </body>
</html>