Manchmal glaubt der Benutzer, dass der Rand immer horizontal nach der Grenze des Elements angewendet wird. Dieses Konzept ist jedoch falsch. Sie können die Grenzhöhe nach ihren Vorlieben setzen.
In diesem Beitrag wird erklärt, wie man die Grenzhöhe in CSS festlegt.
So setzen Sie die Randhöhe in CSS?
Um die Randhöhe in CSS einzustellen, die “ZeilenhöheEigenschaft wird verwendet. Diese Eigenschaft wird üblicherweise verwendet, um den Abstand zwischen Textzeilen festzulegen.
Probieren Sie zu diesem Zweck die genannten Anweisungen aus.
Schritt 1: Erstellen Sie einen Div -Container
Machen Sie zunächst eine “divContainer mit Hilfe der “" Element. Weisen Sie es auch ein “zu“Klasse”Attribut im Eröffnungs -Tag des Elements„ “und geben Sie einen Namen für die Klasse nach Ihrer Wahl an.
Schritt 2: Setzen Sie eine Überschrift ein
Fügen Sie als nächstes eine Überschrift mit einem Überschrift -Tag ein" Zu "”. In diesem Beispiel haben wir das verwendet Schritt 3: Erstellen Sie eine Liste Dann verwenden Sie die “ Ausgang Schritt 4: Stellen Sie die Randhöhe auf das "Div" -Element ein Greife auf ... zu "div"Container mit Hilfe der Klasse".InhaltUnd wenden Sie die im folgenden Snippet genannten CSS -Eigenschaften an: Hier: Ausgang Infolgedessen die Grenzhöhe auf der “divDas Element mit CSS wird erfolgreich angewendet. Abschluss Fügen Sie zunächst die einseitige Grenze mit Hilfe von “hinzu, um die Randhöhe in CSS festzulegenGrenz-links" oder "Grenzrechte”Und wenden Sie die“ anZeilenhöheEigenschaft, um die Höhe des Randes anzugeben. Darüber hinaus können Sie auch andere CSS -Eigenschaften zum Styling des Elements anwenden. Dieser Beitrag hat das Verfahren zur Festlegung der Randhöhe in CSS gezeigt. Tag, um die geordnete Liste zu erstellen und die Daten in der Liste mit Hilfe der “hinzuzufügen“" Schild:
Liste der Vögel
Polsterung: 0 10px;
Anzeige: Inline-Block;
Border-Links: 4PX Solid RGB (6, 21, 228);
Zeilenhöhe: 18px;
Hintergrundfarbe: Bisque;
Rand: 20px 140px;
Grenzboden: 4PX Solid RGB (241, 170, 14);