Ist so ein Rahmen mit CSS möglch?

[jeipack]

Hi
Ich habe ein rotes Div und würde gerne so einen Rahmen machen:
http://snag.gy/8tS7y.jpg
oder als zweites Beispiel:
http://thumbs.dreamstime.com/z/gril...bq-restaurant-food-drink-concept-36407957.jpg

Ist dies mit reinem CSS möglich?

Am besten wäre, wenn der ausgeschnittene Bereich transparent ist.

 

[SpiceLab]

Augenscheinlich kommt es dem Rahmentyp double gleich, dessen Zwischenraum transparent ist - siehe border-style.

Ansonsten steht hier alternativ CSS3 border-image – Schmuckrahmen aus Pixelbildern zur Auswahl, um bspw. den Zwischenraum mit Hilfe der Grafik breiter gestalten zu können, oder dem Rahmen eine leichte Transparenz mitzugeben, wie scheinbar im zweiten Beispiel geschehen.

Einen border-image-generator gibt's für diese Technik auch.

 

[Cromon]

Hallo jeipack

Eine weitere Möglichkeit ist das outline, siehe hier: http://jsfiddle.net/aU5jY/

Allerdings gilt: no IE

Viele Grüsse
Cromon

 

[SpiceLab]

Eine weitere Möglichkeit ist das outline, siehe hier: http://jsfiddle.net/aU5jY/

Allerdings gilt: no IE

Aus diesem Grund hab ich sie erst nicht erwähnt :-(

 

[hela]

Hallo,
hier wird noch eine Möglichkeit beschrieben (IE8+):
Multiple Backgrounds and Borders with CSS 2.1

 

[SpiceLab]

hier wird noch eine Möglichkeit beschrieben (IE8+):
Multiple Backgrounds and Borders with CSS 2.1

Ein "Pseudo-Rahmen" sozusagen in Anbetracht der Pseudo-Elemente :before und :after ;-)