HTML CSS Box Modell

Das HTML und CSS Boxmodell als Schema

Box - Modell

Inhaltsbereich

Box - Modell

Innenabstand - padding

 

Rahmen - border

Doppelter Rahmen - double

 

Durchgehender Rahmen - solid

 

Getrichelter Rahmen - dahsed

 

Gepunkteter Rahmen - dotted

 

Außenabstand - margin

 

Beispiel Textabsatz


 box-shadow: 5px 8px 10px orangered;
 margin: 0 auto;
 border: 10px dashed black;
 border-radius: 10px;
 padding: 1em;
 width: 9em;
 height: auto;
 color: orangered;
 background: limegreen; /* Fallback */
 background: linear-gradient(to top right, white, limegreen);
 text-align: center;

Dieser Text ist eine Demonstration!

Navigation