CSS Seitenrand

Wie kann ich einen Seitenrand auf der linken und rechtennSeite meines zeichen lassen?
Einen Seitenrand auf user bestimmten Seiten zu erstellen.
Wie kann ich verschiedenen Typen von Seitenrand auf verschiedenen Seiten erstellen?

Erklärung

Eigenschaft:

Seitenrand
Jede Seite des Randes kann individuell verwaltet werden mit den folgenden Tags. Verwendung:
border-top: <border-top-width> || <border-style> || <border-color> ;
border-left: <border-left-width> || <border-style> || <border-color> ;
border-bottom: <border-bottom-width>|| <border-style> || <border-color> ;
border-right: <border-right-width> || <border-style> || <border-color> ;

Definition:

Each side of the border can be handled separately using this tags. Border sides takes the following values.
a)border-top : 5px dotted red - Der obere Rand wird eingestellt mit dem Tag border-top. Die Werte sind wie folgend: Breite, Stil und Farbe des Randes.
b)border-left : 5pt dashed green - Der linke Rand wird eingestellt mit dem Tag border-left. Die Werte sind wie folgend: Breite, Stil und Farbe des Randes.
c)border-bottom : 2% groove grey - Der untere Rand wird eingestellt mit dem Tag border-bottom. Die Werte sind wie folgend: Breite, Stil und Farbe des Randes.
d)border-right: 5px solid blue - Der rechte Rand wird eingestellt mit dem Tag border-right. Die Werte sind wie folgend: Breite, Stil und Farbe des Randes.

Beispiel 1:
<div style=" border-top : 2px dotted red ;"> Randeigenschaften testen </div>
Ergebnis:
Randeigenschaften testen


Beispiel 2:
<div style=" border-left : 2pt dashed green; "> Randeigenschaften testen </div>
Ergebnis:
Randeigenschaften testen


Beispiel 3:
<div style=" border-bottom: 5px ridge brown;"> Randeigenschaften testen </div>
Ergebnis:
Randeigenschaften testen


Beispiel 4:
<div style=" border-right: 5px groove #733366;"> Randeigenschaften testen </div>
Ergebnis:
Randeigenschaften testen


Alle kombinieren:
Beispiel 5:
<div style="
border-top : 2px dotted red ;
border-left : 2pt dashed rgb(100,100,100);
border-bottom: 5px ridge brown;
border-right: 5px groove #733366;
">
Randeigenschaften testen </div>
Ergebnis:
Randeigenschaften testen


ANMERKUNG: In diesem Beispiel haben wir das div Tag. Sie können aber jede standard html Tags, um den Stil einzustellen to set the style.