6XC

CSS-Rahmen-Generator

Gestalten Sie einen Rahmen visuell — Breite, Stil (solid, dashed, dotted, double…), Farbe und Radius — mit Live-Vorschau.

668 Aufrufe

Die border-Eigenschaft

Kurzform: border: Breite Stil Farbe, z. B. border: 2px dashed #5b3df5. Zu den Stilen gehören solid, dashed, dotted, double, groove, ridge, inset und outset. Kombinieren Sie mit border-radius für abgerundete Rahmen, oder stylen Sie einzelne Seiten (border-top, …) für Akzente wie Tab-Unterstreichungen.

Häufig gestellte Fragen

Warum ändert mein Rahmen die Elementgröße?

Standardmäßig werden Rahmen zu den Box-Maßen addiert. Setzen Sie box-sizing: border-box, damit Breite und Höhe den Rahmen einschließen — der moderne Standard, den die meisten Resets anwenden.

Wie dick muss ein Rahmen für double sein?

Der double-Stil braucht mindestens 3px — zwei Linien plus die Lücke dazwischen. Darunter wird nur eine einzelne Linie gerendert.

Ähnliche Tools

CSS-Farbverlauf-Generator Gestalten Sie lineare, radiale und konische CSS-Farbverläufe mit Live-Vorschau und kopieren Sie den Code. Erstellen CSS-Box-Shadow-Generator Gestalten Sie einen box-shadow visuell — Versatz, Unschärfe, Ausdehnung, Farbe, Deckkraft und Inset — mit Live-Vorschau. Erstellen CSS Border-Radius-Generator Runden Sie jede Ecke einzeln oder alle zusammen, in px oder %, mit Live-Vorschau und kopierbarem CSS. Erstellen CSS Text-Schatten-Generator Gestalten Sie einen text-shadow mit Versatz, Unschärfe, Farbe und Deckkraft — Live-Vorschau an Beispieltext. Erstellen