[ERLEDIGT] Abstand zwischen div und Rahmen möglich?

[Praktikant123]

Hallo,
ist es möglich einen Rahmen nicht press an ein div zu setzen, sondern den Rahmen um ein paar Pixel zu verschieben?
Padding funktioniert bei mir nicht.
M.f.G.

 

[SpiceLab]

Padding funktioniert bei mir nicht.

Warum nicht?

Ist es mit display:inline formatiert, wodurch es seine typischen Block-Level-Charakteristika verloren hat? Dann wechsel einfach zu display:inline-block.

Wenn dem nicht so ist, zeig bitte Deinen Code, um der Ursache auf den Grund gehen zu können.

 

[Marv]

Hallo,

den Rahmen eines Divs mit der css Eigenschaft "outline" setzen und diesen mit "outline-offset" absetzen.

outline: 2px solid green;
outline-offset: 5px;

Padding auf den "border" oder die "outline" hat keinen Einfluss, falls du das versucht hast. Deswegen ist deine Fragestellung auch verwirrend.

Wenn du den Rahmen dadurch erzeugst, dass du zwei verschachtelte Divs mit unterschiedlicher "background-color" hast, dann müsstest du dem äußeren Div ein padding geben.

 

[SpiceLab]

Weil's bei der Außenlinie outline den einen und anderen Unterschied gegenüber dem traditionellen Rahmen border zu wissen und beachten gibt, der ohne (Grund)Kenntnisse in dieser CSS-Eigenschaft schnell zum Motiv für ein neues Forenthema werden kann, empfehle ich hier etwas Grundlagenforschung :)

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/äußere_Gestaltung/Außenlinie

Da @Marv mir die Augen geöffnet hat, worauf Du wirklich hinaus willst, setze ich mal border-image mit auf die Liste.

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/äußere_Gestaltung/Rahmen/border-image

Fiddle-Demo: https://jsfiddle.net/spicelab/s7t1a6j3/ - background:#818D94 verdeutlicht, wie groß der Abstand zwischen Element und Rahmen ausfallen kann

 

[Praktikant123]

Vielen Dank, also @Marv deine Antwort hat mir geholfen. Die Lösung mit outline war mir nicht bekannt.
Danke an @Spicelab für die Demos!

EDIT: Jetzt hab ich doch noch eine Frage: Kann mann den Rahmen mit outline auch nur an einer Seite erstellen?

 

[SpiceLab]

EDIT: Jetzt hab ich doch noch eine Frage: Kann mann den Rahmen mit outline auch nur an einer Seite erstellen?

Die Frage hätte sich erst garnicht gestellt, wenn Du meinem Hinweis und meiner Empfehlung gefolgt wärst, Dich mit dieser Eigenschaft vertraut zu machen:

Weil's bei der Außenlinie outline den einen und anderen Unterschied gegenüber dem traditionellen Rahmen border zu wissen und beachten gibt, der ohne (Grund)Kenntnisse in dieser CSS-Eigenschaft schnell zum Motiv für ein neues Forenthema werden kann, empfehle ich hier etwas Grundlagenforschung :)

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/äußere_Gestaltung/Außenlinie

Auszug der Dokumentation:

Im Gegensatz zu den border-Rahmen können outline-Rahmen aber nur vollständig geschlossen zugewiesen werden, es fehlt die Möglichkeit, separate Angaben für oben, unten, links oder rechts zu machen.

 

[Praktikant123]

War wieder zu schnell. Danke!