Grenzseiten in CSS
- Styling einzelner Grenzseiten in CSS
- Styling mehrerer Grenzseiten in CSS
Wie man die Grenzseiten in CSS stymt
Dieser Abschnitt enthält die Verwendung von Borders Side -Eigentum in mehreren Szenarien.
Wie man eine Grenzseite in CSS stymt
Dieser Abschnitt praktiziert die Eigenschaften, die als Border-Top-Stil, Grenz-Links-, Grenzbodenstil- und Grenzbodenstil-Stil bezeichnet werden.
Border-Top-Stil: Wert; // Top-Grenze zu stylenBorder-Rechts-Stil: Wert; //, um den richtigen Rand zu stylen
Border-Bottom-Stil: Wert; // Um den unteren Rand zu stylen
Border-Links-Stil: Wert; // zum stylenen linken Rand
Der Wert der oben genannten Eigenschaften kann gepunktet, gestrichelt, fest, doppelt, Rille usw.,
Der nachstehende Code verwendet die oben genannten Eigenschaften.
Das Eigentum im Grenztop-Stil
Das Eigentum im Grenzrechtsstil
Das Eigentum im Grenzbodenstil
Das Eigentum im Grenz-Links-Stil
Der Code wird als erklärt als,
- Vier CSS -Klassen werden mit dem Namen "Top", "rechts", "unten" und "links" erstellt
- Jede Klasse ist mit einer anderen Eigenschaft wie der „Top“ -Klasse verbunden.
- Diese CSS -Klassen sind dann in vier verschiedene Absätze eingebettet
Ausgang:
So setzen Sie den gleichen Stil für alle Grenzseiten
Sie müssten nur ein Stilmuster in der Rand-Immobilie von CSS erwähnen. Zur Leichtigkeit haben wir die Syntax dieser spezifischen Eigenschaft von Grenzseiten geschrieben:
Border-Stil: Wert;Der folgende Code legt den Stil jeder Grenzseite auf solide.
Willkommen bei LinuxHint
Das Codebild ist unten bereitgestellt:
Ausgang:
So setzen Sie den gleichen Stil für entgegengesetzte Grenzseiten
Zu diesem Zweck würde Ihnen die folgende Syntax helfen.
Border-Stil: Value1 Value2;Der Wert1 ändert den Stil der oberen und unteren Grenzen, während Wert2 auf links und rechts unten bezieht.
Der folgende Code übt diese Styling -Eigenschaft von CSS:
Willkommen bei LinuxHint
Die oberen und unteren Grenzen würden fest gestylt, während die rechten linken Grenzen gepunktet werden.
Das Bild des Codes ist unten bereitgestellt:
Ausgang:
Wie man Rand mit drei Werten stymt
Wenn die Anzahl der Werte drei beträgt, würden die 1. und 3. Werte oben und unten stylen, während der 2. Wert an den rechten/linken Seiten gehört.
Border-Stil: Value1 Value2 Value3;Wert1 für obere, Wert2 für unten und Wert3 für links/rechte Stile die untere Seite. Das folgende Beispiel verwendet die obige Syntax, um drei Randseiten zu stylen:
Willkommen bei LinuxHint
Der Code stilft die oberen, rechts und unteren Grenzen an fest, gepunktet und gestrichen.
Ausgang:
So setzen Sie verschiedene Stile für jede Grenzseite
Die folgende Syntax hilft bei der Änderung des Grenzstils jeder Seite.
Border-Stil: Value1 Value2 Value3 Value4;Der Wert 1 und Wert 3 beziehen sich auf die oberen und unteren Grenzen, während der Wert2 und der Wert 4 für links und rechts unten sind.
Die folgenden Codepraktiken, um alle Grenzseiten in CSS zu stylen.
Willkommen bei LinuxHint
Der obige Code ändert den Stil von oberen und unten auf solide und gepunktet. Die rechten und linken Grenzen werden jedoch entschlossen und solide gestaltet.
Das Bild des obigen Codes ist unten bereitgestellt:
Ausgang:
Abschluss
Die Elemente in HTML können in einer Grenze eingeschlossen werden und die Grenzseiten können mit den verschiedenen Eigenschaften von CSS manipuliert werden. Dieser Artikel liefert die Demonstration von Grenzseiten in CSS. Die Grenzseiten können entweder gestrichelt, gepunktet oder fest sein. Sie können den gleichen Stil für alle Grenzen, verschiedene Stile für alle Grenzen oder den gleichen Stil für obere/boden und rechts/links festlegen. Für ein besseres Verständnis haben wir auch die Beispiele geliefert, die die obigen Szenarien veranschaulichen.