Der Border, auf Deutsch Rahmen, liegt zwischen Innen- und Außenabstand und ist die einzige der vier Schichten, die von sich aus sichtbar ist.
- Border (Rahmen)
Die Linie, die den Inhalt samt Innenabstand umschließt.
Beispiel: „Ein Border braucht Breite, Stil und Farbe, sonst erscheint er nicht.“Auch: Rahmen.
Die drei Angaben
border: 1px solid #dbe7ff;
border-bottom: 2px solid #0078ff;Ohne Stil bleibt der Rahmen unsichtbar, auch wenn Breite und Farbe gesetzt sind. Jede Seite lässt sich einzeln ansprechen, was für Trennlinien zwischen Listeneinträgen der übliche Weg ist.
Der Sprung beim Hover
Bekommt ein Element erst beim Überfahren einen Rahmen, wird es um dessen Breite größer und schiebt die Nachbarn. Zwei Auswege: von Anfang an einen durchsichtigen Rahmen setzen und nur die Farbe ändern, oder outline verwenden, das keinen Platz einnimmt.