lima-city: Webhosting, Domains und Cloud
1 Pluspunkt 0 Minuspunkte
Kann ich einen CSS Border innen und aussen von einem Element anzeigen?
von  

2 Antworten

1 Pluspunkt 0 Minuspunkte

Du kannst border, outline und shadow kombinieren. Dem outline gibst du ein offset und der shadow ist der äusserste Rahmen.

.outline-border
{
   margin: 100px;
   
   width: 100px;
   height: 100px;
   background: lightblue;
   
   border: 5px solid red;
   
   outline: 5px solid yellow;
   outline-offset: -10px;

   box-shadow: -1px -1px 1px 5px green;
   
}

<div class="outline-border"></div>

JSFiddle Demo

von (720 Punkte)  
1 Pluspunkt 0 Minuspunkte

Um einen inneren Rahmen um ein Element zu erstellen, kannst du die Eigenschaft border verwenden und eine positive Breite festlegen. Und um einen äußeren Rahmen zu erstellen, kannst du die Eigenschaft outline verwenden. Demo

<style>
    .box {
        width: 200px;
        height: 100px;
        background-color: lightgray;
        margin: 20px;
        padding: 20px;
        /* Innerer Rahmen */
        border: 5px solid blue;
        /* Äußerer Rahmen */
        outline: 5px solid red;
    }
</style>

von (397 Punkte)  
Diese Community basiert auf dem Prinzip der Selbstregulierung. Beiträge werden von Nutzern erstellt, bewertet und verbessert – ganz ohne zentrale Moderation.

Wer hilfreiche Fragen stellt oder gute Antworten gibt, sammelt Punkte. Mit steigender Punktzahl erhalten Mitglieder automatisch mehr Rechte, zum Beispiel

  • Kommentare verfassen
  • Fragen und Antworten bewerten
  • Themen von Fragen bearbeiten
  • Fragen, Antworten und Kommentare bearbeiten
  • Inhalte ausblenden

So entsteht eine Plattform, auf der sich Qualität durchsetzt – getragen von einer engagierten Gemeinschaft.

2.3k Fragen

2.8k Antworten

265 Kommentare

14 Nutzer