CSS Border

Rand verwalten... !

Erklärung

Eigenschaft:

Borders
Statt jeden Rand separat einstellen, das ganze kann nur durch ein einziges Tag eingestellt werden. Verwendung:
border: <border-width> || <border-style> || <border-color> ;

Definition:

Dies wird den Rand zu jedem Objekt einstellen.
a)border : 5px dotted green - Den Rand wird durch das border Tag eingestellt. Die Werte sind die Breite, Stil und Farbe des Rands.
Das stellt den Rand auf alle vier Seiten ein.

Beispiel 1:
<div style=" border : 2px dotted red ;"> testing border properties </div>
Ergebnis:
testing border properties


BEMERKUNG: In diesem Beispiel haben wir das div Tag verwendet.
Sie können aber jedes Standard html Tag, um den Stil einzustellen.
Common Border auf 3 Seiten und Different border auf einer Seite:
In einigen Fällen , haben wir common border für zwei oder drei Seite und different border auf nur einer Seite. Das kann man einstellen wie folgt:
Beispiel 2:
<div style="
border : 2px dotted red ;
border-top: 3px dashed green;
">
Rand Eigenschaften testen </div>
Result:
Rand Eigenschaften testen


Definition:

Am Anfang stellen wie den common border für alle Seiten mit dem border Attribut und dann ändern wir den top border mit "border-top".