Begriffe Grundgerüst Wichtige HTML-Tags CSS Arbeitsaufträge

Border

Um jedes HTML-Element kann eine Umrandung hinzugefügt werden. Die Syntag sieht wie folgt aus:

  1. Liniendicke
  2. Linienfarbe
  3. Linientyp

Unten siehst du drei Beispiele:

<h1 style="border: 12px #8af dotted">h1 Heading mit gepunkteter Umrandung</h1>
<h1 style="border: 5px green dashed">h1 Heading mit gestrichelter Umrandung</h1>
<h1 style="border: 15px blue solid">h1 Heading mit durchgezogener Umrandung</h1>

h1 Heading mit gepunkteter Umrandung

h1 Heading mit gestrichelter Umrandung

h1 Heading mit durchgezogener Umrandung

Es gibt noch mehr Möglichkeiten, die Umrandung zu gestalten. Unter www.3schools.com findest du eine komplette Referenz.