Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Rahmenlinien gestalten mit border: Breite, Stil und Farbe

Rahmenlinien gestalten mit border: Breite, Stil und Farbe – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Rahmenlinien gestalten mit border: Breite, Stil und Farbe

Jetzt soll es um die Border gehen, um die Rahmenlinie, die man sehr, sehr flexibel und vielseitig gestalten kann. Ich habe hier die Übungsdatei zu diesem Film in den Übungsordner kopiert und im Chrome geöffnet. Links ist article infobox markiert. Sie sehen, die Gestaltung ist recht simpel Hintergrundfarbe, Padding, Margin. Und jetzt soll es hier zusätzlich ein Border geben. Und zwar hat Border eigentlich immer drei Werte. Eine Breite mit widths, ein Stil, einen Style – und der häufigste ist wahrscheinlich solid – und zum Schluss eine Farbe, die man selbst definieren kann. Das ist so eine typische Borderangabe. Border ist short hand und gilt rund herum. Das sieht man auf den ersten Blick. Short hand heißt Kurzschreibweise, und wir werden sehen, da gibt es noch andere Möglichkeiten, eine Rahmenlinie zu definieren. Oftmals hat man dünne Rahmlinien, man kann aber auch die Dicke selbst bestimmen. Hier 100 oder 10 oder so. Wenn ich das mal wegnehme hier, dann sieht man den Rahmen besser…

Inhalt