Das Erstellen einer auffälligen Website ist keine leichte Aufgabe. Ein Entwickler muss mehrere Dinge ausprobieren, um eine attraktive Website wie unterschiedliche Hintergründe, Stile, Grenzen usw. zu erstellen.

CSS -Grenze kann um den Inhalt verwendet werden, um das Erscheinungsbild des Inhalts zu verbessern. Die Grenzeigenschaften ermöglichen es uns, den Grenzbereich eines Elements zu bestimmen (en). Ein Rand kann mit mehreren Stilen wie einer durchgezogenen Linie, Strichen usw. angegeben werden.

Diese Beschreibung bietet einen umfassenden Überblick über die Rand-Breiten-Immobilie. Zunächst wird ausgeführt. Und danach zeigt es die Arbeit von Rand-Breiten-Eigenschaften unter Verwendung einiger festgelegter Werte.

Grenzbrittungseigentum

Randbreiten-Eigenschaft bestimmt die Breite der Grenze eines Elements. Es gibt die Breite des Randes in allen vier Richtungen an i an i.e. oben, unten, rechts und links. Jeder Wert, der der Eigenschaft der Grenzbreite zugeordnet ist, wird allen Seiten angegeben.

Syntax
Die Syntax der Rand-Breiten-Eigenschaft wird im folgenden Snippet beschrieben:

Randbreit: Größe;

Die Breitengröße kann unter Verwendung einiger vordefinierter Werte wie dick, dünn, mittel oder in Form von Pixeln, Punkten, Zentimetern usw. angegeben werden.

Betrachten wir einige Beispiele, um ein tiefgreifendes Verständnis der Grenzbreiten-Eigentum in CSS zu haben.

So weisen Sie die Grenzbreiten unter Verwendung vordefinierter Werte zu

In CSS können wir die Größe des Randes unter Verwendung der vordefinierten Werte wie dicker, dünner, Medium angeben.

Beispiel
Das untergegebene Stück Code legt die Grenzgröße von fest

, Und

Element unter Verwendung vordefinierter Werte:

CSS

H1
Grenzstil: solide;
Randbreit: dick;

P
Grenzstil: solide;
Grenzbreit: Medium;

Html

Randbreite unter Verwendung vordefinierter Werte

Erster Paragraph

Zweiter Absatz

Es erzeugt die folgende Ausgabe:

So fügen Sie die Randbreite mit spezifischen Werten hinzu

In CSS können wir eine bestimmte Größe zuweisen, um die Breite des Randes festzulegen (i.e. PX, CM usw.).

Beispiel
Der folgende Code legt die Grenzbreite von fest

Element in PX und Grenzbreite von

in CM:

CSS

H1
Grenzstil: solide;
Randbreit: 0.1cm;

P
Grenzstil: solide;
Randbreit: 1PX;

Html

Randbreite unter Verwendung vordefinierter Werte

Erster Paragraph

Zweiter Absatz

Wir erhalten die folgende Ausgabe für den obigen Code:

Wie man bestimmte Seitenbreiten zuweist

In CSS können bestimmte Seitenbreiten der Eigenschaft der Grenzbreite zugewiesen werden. Standardmäßig setzt die Eigenschaft der Grenzbreite die Breite der gleichen Grenze auf alle vier Seiten. Wir können jedoch die Breite jeder Seite in der oberen, rechten, unten und linken Reihenfolge angeben.

Beispiel
Dieses Beispiel weist der ersten Eigenschaft der Hintergrundbreite vier Werte zu, die zuerst für die obere Grenze für die rechte Grenze, die dritte für den Boden und die letzte für die linke Grenze: zweite Werte zuweist:

CSS

H1
Grenzstil: solide;
Randbreit: 0.3cm 0.2cm 0.1 0.2;

P
Grenzstil: solide;
Randbreite: 3px 2px 1px 1px;

HMTL

Randbreite unter Verwendung vordefinierter Werte

Erster Paragraph

Zweiter Absatz

Der obige Code erzeugt die folgende Ausgabe:

Beispiel 2
Dieses Beispiel weist der Eigenschaft der Hintergrundbreite zwei Werte zu:

• Der erste Wert gibt die Größe für obere und unten an
• Der zweite Wert gibt die Größe für die linke und rechte Seite an

CSS

H1
Grenzstil: solide;
Randbreit: 0.2cm 0.1cm;

P
Grenzstil: solide;
Randbreit: 2px 1px;

Html

Randbreite unter Verwendung vordefinierter Werte

Erster Paragraph

Zweiter Absatz

Der obige Code zeigt die folgende Ausgabe an:

Ein klarer Unterschied in den Seiten (oben, unten) und (links, rechts) kann in der Ausgabe festgestellt werden.

Abschluss

Die Rand-Breiten-Eigenschaft setzt alle vier Grenzen eines Elements. Wenn die grenzüberschreitende Eigenschaft einen Wert hat, wird dieselbe Grenze für alle vier Seiten festgelegt. Im Falle von zwei Werten bezieht sich der erste Wert auf die „Ober- und unten“ und bezieht sich auf die „linke und rechte“ Grenzen. Wenn es drei Werte gibt, sich zunächst auf die obere Grenze bezieht, bezieht sich der zweite auf die linke und rechte Grenze, während sich der dritte auf die untere Grenze bezieht. Wenn es vier Werte gibt, dreht sich die Reihenfolge im Uhrzeigersinn Drehung i.e. oben, rechts, unten, links.

In diesem Artikel wurde eine Richtlinie vorgestellt, um die Grenzbreite mit vordefinierten Werten und angegebenen Werten festzulegen. Anschließend erklärte in diesem Artikel, wie man eine einzigartige Grenzgröße für jede Seite festlegt.