Eine BOX mit Rahmen:
Jetzt verringern wir die Dimensionen des Elements auf 'Null' und verbreitern den Rahmen entsprechend:
Oder so:
Wenn wir nun dem Rahmen auf allen vier Seiten unterschiedliche Breiten geben, kann das so aussehen (in diesem Fall: 30px 60px 10px 20px):
Auch möglich, daß border nur an drei Seiten sichtbar ist (hier: 40px 60px 0 20px):
Im Extremfall ist die Rahmenbreite auf zwei Seiten (hier unten und links) gleich 'Null':
Wichtig ist, daß zwei rechtwinklig zueinander stehende border sichtbar sind, sie unterstützen die Dimensionen in X- und in Y-Richtung. Zum Schluß verringern wir die Rahmenbreite etwas und geben unserem div wieder sichtbare Dimensionen:
Sie sehen hier anhand einiger Beispiele und mit einer kleinen Anleitung was mit 'Borderart' möglich ist.